Search

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",

it. Then in the Ajax success callback insert your

The ajax option can have create, edit and remove specific options, including different URLs. See the ajax documentation for details. Allan