Search

work, there are dataSrc, ajax function and ajax object

server, but not using Ajax for Editor - is your

In the first your columns are inside of ajax object. Try it instead: $('#example').dataTable( { "ajax": { "url": "json.data", "type": "GET", "cache": true, "complete": function(xhr, status){ console.log(xhr.responseText); console.log(status); } }, "columns": [ { "data": "id" }, { "data": "name" }, { "data": "description" }, { "data": "createdAt" }, { "data": "updatedAt" } ] } );

it adding in the ajax object of DT "cache":

to instead of use ajax: url, use ajax: object,

On initialization save the DataTable for further reuse. var myTable = $("#table_group_list").DataTable( //options... ); //than later in the code function submitForm() { $.ajax({ url: "/Division/CreateTableGroup", type: "POST", data: $("form").serialize(), success: function(data){ myTable.ajax.reload(); }, error: function (response) { alert("error") } }); }

you showed about your ajax response... It looks your

Use ajax.dataSrc to tell DataTables where to get the json data from (assuming you are using DataTables' ajax option to get the data - like you do in the first code block). Allan

receiving a typical "Warning: Ajax error that you refer

processing: true, fixedHeader: true, ajax: { type: "POST", url: '@Url.Action("GetData",