Question

将数据表与AJAX / POST一起使用，我初始化如下，其中experiment_list是一个列表，$("#type")是一个选择器菜单。

var my_table = $('#my_table').DataTable( {
        "ajax": {"url": "/experiment_data/", "type":"POST", "data": {"experiments": experiment_list, "type": $("#type_selector").val() } },
"dom": '<"top">rt<"bottom"fp><"clear">', 
   } );

我遇到的问题是"type"初始化为选择器菜单值，并在此之后更改值并重新加载数据，不会更改“ajax”方法中的值。

$("#type_selector").change(function () {
    console.log($("#type_selector").val()); 
    position_table.ajax.reload()
    });

API文档只有动态方法的.url（），这意味着要么使用GET（对于对象类型数据不是很好），要么为每个选择器'type'重写视图（并且在select上更改url））。

有没有办法动态更新Post请求的数据加载？

Answer 1

您是否尝试过他们提供的样本请求？

$('#example').dataTable( {
    "processing": true,
    "serverSide": true,
    "ajax": {
        "url": "/experiment_data/",
        "data": function ( d ) {
            d.experiments = experiment_list;
            d.type = $("#type_selector").val();
        }
    }
});

如果失败了，你能提供Firebug的日志吗？

数据表动态AJAX POST

1 个答案: