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

【问题标题】：How to load jquery Datatables into div with ajax call如何使用 ajax 调用将 jquery 数据表加载到 div 中
【发布时间】：2011-05-04 08:29:30
【问题描述】：

我需要使用$.ajax 将整个表加载到 div 中，但之后，Datatables 将无法工作。我能做点什么吗？

【问题讨论】：

标签： jquery datatables

【解决方案1】：

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

Live Query 利用 jQuery 选择器通过绑定事件或为匹配的元素触发回调自动神奇地，即使在页面之后已加载并且 DOM 已更新。

【讨论】：

我相信这可能不是用 .live() 代替的，不是吗？
@Nik：live() 不支持插件的自定义事件/方法。
嘿。我想到了。这要简单得多。我只需要在这样填充结果 div 后放置数据表代码： $.post(url, posts, function(data){ $("#results").empty().append(data); $('.datatables' ).dataTable(); });

【解决方案2】：

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

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

echo json_encode($results_array);

【讨论】：