阿贾克斯成功函数不是数据表

Question

工作我使用的数据表显示从mysql数据库列表

我需要更新表加载结束某些输入，然后我用成功的功能，但是这似乎防止数据渲染

var table = $('#example').DataTable({ 
'processing': true, 
'serverSide': true, 
'ajax': { 
    type: 'POST', 
    'url': url, 
    'data': function (d) { 
    console.log(d.order); 
    return JSON.stringify(d); 
    }, 

    // EDIT this "my" success function 
    success: function(data) { 
    $('#my_input').val(data.return); 
    } 
} 

的Json返回是：

{ 
"data":[[ (datatable value) ]], 
"returned":"myvalue" 
} 

这里的jsfiddle

编辑 http://jsfiddle.net/ntcwust8/95/

Answer 1

你只需要删除成功回调。

var table = $('#example').DataTable({ 
     'processing': true, 
     'serverSide': true, 
     'ajax': { 
      type: 'POST', 
      'url': url, 
      'data': function (d) { 
      console.log(d.order); 
      return JSON.stringify(d); 
      } 
     } 

编辑

你需要使用ajax.dataSrc财产AJAX完成后，它会调用。 它将在刷新工作，以及 https://datatables.net/reference/option/ajax.dataSrc

var table = $('#example').DataTable({ 
    'ajax': { 
     type: 'POST', 
     'url': url, 
     'data': function (d) { 
     console.log(d.order); 
     return JSON.stringify(d); 
     }, 
     "dataSrc": function (json) { 
     $("#mydata").val(json.recordsTotal); 
     return json.data; 
     } 
    }, 

    }); 

这里更新小提琴。 http://jsfiddle.net/2jkg3kqo/2/

Answer 2

只要删除success回调。

成功 - 不可重写，因为它在内部用于 DataTables。为了操纵/变换服务器 使用ajax.dataSrc（上图），或使用AJAX返回的数据作为函数

Datatable默认处理success回调，不要将其覆盖。

取而代之的是使用complete选项AJAX在数据加载后做些事情。

更新fiddle

Answer 3

Datatable拥有自己的complete事件，这个事件称为initComplete。

如果您重新定义success您正在重写Datatable自己的函数。

var table = $('#example').DataTable({ 
    'processing': true, 
    'serverSide': true, 
    'ajax': { 
    .... 
    .... 
    },  
    'initComplete':function(settings, json){ 
     alert($('#example tbody tr').length+ ' records on screen'); 
}); 

参考：https://datatables.net/reference/option/initComplete

更新FIDLE：http://jsfiddle.net/ntcwust8/94/