如何使用ajax调用将jquery数据表加载到div中

Question

我需要使用

$.ajax

将整个表加载到 div 中，但之后，数据表将无法工作。我可以做点什么吗？

Answer 1

在这种情况下，liveQuery 插件可能会有所帮助。

实时查询利用了 通过绑定事件或 触发匹配元素的回调 自动神奇地，即使在页面之后 已加载且 DOM 已更新。

Answer 2

$(function(){
  $.get("script.php",function(data){
    $.each(data.items, function(i,item){
      $("#anydiv").prepend(item.element);          
    });
  })
})

在 script.php 中 将数据库结果数组读入数组并：

echo json_encode($results_array);

Answer 3

数据表 jquery 调用需要在表存在后进行 - 如果您已在文档中准备好它，则该表将不存在，直到进行 AJAX 调用 - 因此将数据表初始化放入您的 AJAX 函数中，然后您'回到家并用水管冲洗。

            $.ajax({
                type: "POST", 
                url: "page.php", 
                data: {variable: variable}, 
                success: function(data){
                    $("#your_div").html(data);
                    $('#yourtable').DataTable( {
                        "iDisplayLength": 10,
                        dom: 'Bfrtip',
                        etc....
                        ]
                    } );                        
                }
            });