【问题标题】:Dynamically refresh jquery datatable using ajax使用ajax动态刷新jquery数据表
【发布时间】:2016-01-28 00:41:30
【问题描述】:

有没有一种方法可以自动刷新 jquery 数据表中的数据?我想单击一个按钮,该按钮将发出 AJAX 请求以返回新数据并将数据插入数据表中。我想要类似的东西:

$("#update_button").click(function(e) {
    $.ajax({
        type: "POST",
        data: productType,
        url: "/api/getproducts",
        success: function(data, status) {
            $('#products_table').DataTable( {
                data: data,
                columns: [
                    { title: "col 1" },
                    { title: "col 2" },
                    { title: "col 3" },
                    { title: "col 4" },
                    { title: "col 5" },
                    { title: "col 6" }
                ]
            });
        },
        error: function(data, status, res) {
            console.log('error...');
            console.log(res);
        }
    });
});

但是这给了我“表无法重新初始化”错误...有人可以帮忙吗?

谢谢!

【问题讨论】:

  • 参见 https://datatables.net/reference/api/ajax.reload()ajax.reload() 是一个可用的库,可以从它们的 ajax 源重新加载 jquery 数据表。
  • 你应该把初始化代码从点击事件中取出,然后调用draw()来刷新数据。

标签: javascript jquery ajax datatables


【解决方案1】:

试试这样的:

$("#myName").on("change", function(){
   tbl.ajax.url("<?php  echo RP_SSP ?>server_processing_reservTables.php?myName="+$(this).val()).load();
 });

【讨论】:

    猜你喜欢
    • 2013-12-04
    • 2018-05-12
    • 2013-05-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多