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

Posted 2023-05-09

【中文标题】如何使用 ajax 调用将 jquery 数据表加载到 div 中

【英文标题】：How to load jquery Datatables into div with ajax call

【发布时间】：2011-05-04 08:29:30

【问题描述】：

我需要使用$.ajax 将整个表加载到 div 中，但之后，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);