外部 js 文件未检测到通过 ajax 调用添加的 html 表行

Question

我正在从 SQL 数据库中检索数据并将其添加为我现有的 HTML 行。 这是我的代码：

Ajax 调用以获取 analyze_submit 上的数据提交

$(document).ready(function(e) {
    $('#analyze_submit').click(function() {

   var data = $("#analyze_options_select").val();


     $.ajax({
            url  :ajaxurl,
            type :'POST',
            data: { 'action': 'expense','analyze_options':data },
            success: function(data){
                $("#example tbody").html(data);

            }
        });
            $("#summary_head").slideDown('slow');
            $("#detailed_view_head").slideDown('slow');
            $("#analyze_output").slideDown(); 

    }); 

});

现有表代码：

<table id="example" class="grid">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Account</th>
                        <th>Category</th>
                        <th>Description</th>
                        <th>Amount</th>
                    </tr>
            </thead>

            <tbody>

            </tbody>
</table>

我在表tbody 部分中添加数据。

现在我正在尝试为最终的 HTML 表格添加排序\过滤功能。为此，我需要调用这个外部 js 文件。

https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js 

我面临的问题是，这个js文件没有检测到通过ajax调用从数据库中检索到的数据。 我尝试在按钮提交功能的末尾添加 $.getScript，但它不起作用。

$.getScript('https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js);

我是 jquery\javascript 的新手，目前被困在这里。有什么前进的指导吗？

Answer 1

 $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
          "url"  :ajaxurl,
    } );