知识大全 jQuery DataTables插件从服务器端获取数据的方法

Posted 2022-07-20 知

篇首语：博观而约取，厚积而薄发。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jQuery DataTables插件从服务器端获取数据的方法相关的知识，希望对你有一定的参考价值。

jQuery DataTables插件从服务器端获取数据的方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　sAjaxSource参数值是url table会发送ajax请求从服务器端获取数据服务器端返回的数据应该是一个可以被转换成JSON对象的JSON字符串这个字符串必须严格符合JSON格式的要求否则会出错该数据对象该对象的key应该是“aaData” 例如

　　Js代码:

　　"aaData":

　　"columnA":"valueA"

　　"columnB":"valueB"

　　bServerSide参数设置成true 表示使用服务器端处理数据当排序时会直接到后台查询数据直接显示不会在前端进行排序操作

　　fnServerData参数用来自定义函数代替DataTables插件默认的从服务器端查询数据的函数默认的函数如下

　　Js代码:

　　/**

　　* @param string sSource HTTP source to obtain the data from (sAjaxSource)

　　* @param array aoData A key/value pair object containing the data to send

　　* to the server

　　* @param function fnCallback to be called on pletion of the data get

　　* process that will draw the data on the page

　　* @param object oSettings DataTables settings object

　　"fnServerData": function ( sUrl aoData fnCallback oSettings )

　　oSettings jqXHR = $ ajax(

　　"url": sUrl

　　"data": aoData

　　"success": function (json)

　　if ( json sError )

　　oSettings oApi _fnLog( oSettings json sError );

　　$(oSettings oInstance) trigger( xhr [oSettings json]);

　　fnCallback( json );

　　"dataType": "json"

　　"cache": false

　　"type": oSettings sServerMethod

　　"error": function (xhr error thrown)

　　if ( error == "parsererror" )

　　oSettings oApi _fnLog( oSettings "DataTables warning: JSON data from " + "server could not be parsed This is caused by a JSON formatting error " );

　　);

　　我们可以用这个参数来自定义ajax请求也可以对获取到的数据进行处理等操作例如

　　服务器端之返回表格的数据对象没有用“aaData”作为数据的key 我们就可以在我们定义的回调函数里面给数据加上“aaData” key

　　fnServerParams参数用来发送额外的数据给服务器例如

　　Js代码:

　　$( #example ) dataTable(

　　"bProcessing": true

　　"bServerSide": true

　　"sAjaxSource": "scripts/server_processing php"

　　"fnServerParams": function ( aoData )

　　aoData push( "name": "more_data" "value": "my_value" );

cha138/Article/program/Java/JSP/201311/20430