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表添加sort \ filter功能。为此，我需要调用此外部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,
    } );

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

1 个答案: