Ive been messing around with this for a week, and I think I am going down the wrong path. I have a txt file that has the following data:
This works fine with the following call:
I actually copied the json from what is being returned from a web method and pasted it into a text file to test. But when I try to directly grab the data from the server, I get errors. Here is what I have tried. Keep in mind that my web method is expecting a list of parameters.
I have tried about every combination and I usually get a 200 error. Sometimes I take out the fnServerParams and use the parameters as you see commented out for the data. Any insight would be appreciated. I feel like I am very close, but Im missing something.
{ "sEcho": 1, "iTotalRecords": "116", "iTotalDisplayRecords": "10", "aaData": [ {"ID":3,"AddressID":2,"ContactType":184,"Code":"Daily","FirstName":"Ed","LastName":"McCready"}, ... ] }
This works fine with the following call:
$('#ajaxTest').dataTable({ "bJQueryUI": true, "bProcessing": true, "sPaginationType": "full_numbers", "iDisplayLength": 25, "sAjaxDataProp": "aaData", "sAjaxSource": "./jsonData.txt", "bServerSide": false, "aoColumns": [ { "mDataProp": "ID" }, { "mDataProp": "AddressID" }, { "mDataProp": "ContactType" }, { "mDataProp": "Code" }, { "mDataProp": "FirstName" }, { "mDataProp": "LastName" }, ] });
I actually copied the json from what is being returned from a web method and pasted it into a text file to test. But when I try to directly grab the data from the server, I get errors. Here is what I have tried. Keep in mind that my web method is expecting a list of parameters.
$('#ajaxTest').dataTable({ "bJQueryUI": true, "bProcessing": true, "sPaginationType": "full_numbers", "iDisplayLength": 25, "sAjaxDataProp": "d", "sAjaxSource": "test.aspx/DoProc", "sServerMethod": "POST", "bServerSide": true, "fnServerData": function(sSource, aoData, fnCallBack) { $.ajax({ "type": "POST", "url": sSource, //"test.aspx/DoProc", "contentType": "application/json; charset=utf-8", "data": aoData, //'{"procName":"procGetAllContacts","parmsVals":"","procType":"Select"}', "dataFilter": function(data) { msg = eval('(' + data + ')'); msg = msg.d; fnCallBack('{"sEcho":1,"iTotalRecords":20,"iTotalDisplayRecords":10,"aaData":' + msg + "}"); }, "error": AjaxFailed }); }, "fnServerParams": function(aoData) { aoData.push({ "procName": "procGetAllContacts", "parmsVals": "", "procType": "Select" }); }, "aoColumns": [ { "mDataProp": "ID" }, { "mDataProp": "AddressID" }, { "mDataProp": "ContactType" }, { "mDataProp": "Code" }, { "mDataProp": "FirstName" }, { "mDataProp": "LastName" }, ] });
I have tried about every combination and I usually get a 200 error. Sometimes I take out the fnServerParams and use the parameters as you see commented out for the data. Any insight would be appreciated. I feel like I am very close, but Im missing something.