jQuery数据表初始化

时间:2019-05-17 09:58:27

标签: javascript jquery datatable

尝试在我的DataTable中提供JSON时出现此错误:

  

DataTables警告:表id = myTable-请求的未知参数'a'用于第0行第0列。有关此错误的更多信息,请参见http://datatables.net/tn/4

这是我的JSON的样子:

[{
  "a": "asdsaddas",
  "b": "asdasda",
  "c": "0000000001",
  "d": "name"
}]

当用户单击按钮时,我正在生成并显示带有AJAX回调的表:

$('#find_button').click(function() {
  event.preventDefault();
  if (validateAll()) {
    $("#myTable").DataTable({
      "lengthChange": false,
      "pageLength": 20,
      autoWidth: false,
      serverSide: true,
      processing: true,
      "dataSrc": "",
      "ajax": function(data, callback, settings) {
        var $form = $("#my_form_id");
        var jsonData = getFormData($form, data.start, data.length);
        var request = $.ajax({
          type: "POST",
          url: "api",
          contentType: "application/json; charset=utf-8",
          data: JSON.stringify(jsonData),
          dataType: "json"
        });

        request.then(function(response) {
          console.log(JSON.stringify(response.data));

          callback({
            data: [JSON.stringify(response.data)],
            recordsTotal: response.total,
            recordsFiltered: response.total
          })
        }, failCallback);
      },
      columns: [{
        "data": "a"
      }, {
        "data": "b"
      }, {
        "data": "c"
      }, {
        "data": "d"
      }],
      filter: false,
      info: false,
      ordering: false
    });

    $('#htmlTable').show();
  }
});

我已经阅读了很多相关的问题,但都存在相同的错误,但仍然无法解决我的问题。也许有一个问题,DataTable在从服务器获得响应之前已初始化?

0 个答案:

没有答案