Question

我有一个使用json对象填充datatables.js的问题，我可以使用ajax响应值作为数据表的数据吗？

 $.ajax({
  url:"php_action/searchloc.php",
  type:"POST",
  data:{
      origin: $('#from').val(),
      destination: $('#to').val()
      } ,
    dataType:"json",
  success:function(data){

    $('#schedule').dataTable( {
      "ajax": data,
      columns: []
  } );
  },
  error:function(){
    alert("error");

  }
});

Answer 1

使用data选项：

$.ajax({
  url:"php_action/searchloc.php",
  type:"POST",
  data:{
      origin: $('#from').val(),
      destination: $('#to').val()
      } ,
    dataType:"json",
  success:function(result){

    $('#schedule').dataTable( {
      data: result,
      columns: []
  } );
  },
  error:function(){
    alert("error");

  }
});

https://datatables.net/examples/data_sources/js_array.html

Answer 2

DataTables拥有自己的AJAX功能，使用jQuery的AJAX方法，所以你不需要将你的dataTable逻辑包装在jQuery AJAX调用中。

$('#schedule').dataTable( {
  "ajax": {
    url:"php_action/searchloc.php",
    type:"POST",
    data:{
      origin: $('#from').val(),
      destination: $('#to').val()
    },
    dataType:"json",
    columns: []
  }
} );

JSON对象到Datatables.js

2 个答案: