整理文档，搜刮出一个jquery数据表实现前后台动态分页，稍微整理精简一下做下分享。

超文本标记语言代码：

！DOCTYPE html html hearteta charset=' utf-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1'title测试页面/title meta name=' description ' content=' meta name=' keywords ' content=' link href=' https://cdn。数据表。net/1。10 .12/CSS/jquery。数据表。量滴CSS“rel=”外部no follow“rel=”样式表链接href='//cdnjs。cloudflare。com/Ajax/libs/Twitter-bootstrap/4。0 .0-阿尔法。2/CSS/bootstrap。CSS“rel=”外部no follow“rel=”样式表高度：500 px余量：150px汽车；背景色： # F4 CCC ' table id=' example ' class=' display '单元格间距=' 0 '宽度=' 100% '第一个姓名/第一个电话/第一个职位/第一个公司/第一份工资/第一个/第一个/第一个广告正文/第一个正文/表格/div脚本类型=' text/JavaScript ' src=' http://代码。jquery。com/jquery-1。12 .3 .量滴js '/script script type=' text/text ready(function(){ refreshtdatatable()；});var refreshtdatatable=function(){ var table=$(' # example ').DataTable({//' Ajax ' : ' data/table data。JSON '，/'iDisplayLength': 3，' spaginion type ' : ' full _ numbers '，' bPaginite': true，' bInfo': true，' bSort ' : true，' processing': false，' serverSide ' : true，' SaJaxsource ' : ' customize/DataTable。PHP '，//这个是请求的地址fnServerData ' : retrieveData })；函数retrieveData(url，aoData，fnCallback){ var data={ ' data ' : { ' id ' : ' 123123 '，' name':'2s '，} }；$.ajax({ url: url，//这个就是请求地址对应sAjaxSource data : { ' Aodata ' : JSON。stringify(aoData)}，type: 'POST '，dataType: 'json '，async: false，success : function(result){//var obj=JSON。解析(结果)；console.log(结果);fnCallback(结果);//把返回的数据传给这个方法就可以了，数据表会自动绑定数据的}，错误：函数(XMLHttpRequest，textStatus，错误通过){ alert(' status : ' XMLHttpRequest。状态'，readystates : ' XMLHttpRequest。readystate '，textStatus 3360 ' textStatus)；} });} };/script/body/htmlPHP代码：

？phpheader(' Content-type : text/JSON ')；$ RES=$ _ POST[' Aodata ']；$ Secho=0；$ IDisplayStart=0；//起始索引$ IDisplayLength=0；//分页长度$ JSON数组=JSON _ decode($ RES)；foreach($ jsonarray as $ value){ if($ value-name==' sEcho '){ $ sEcho=$ value-value；} if($ value-name==' IDisplaystart '){ $ IDisplaystart=$ value-value；} if($ value-name==' IDisplayLength '){ $ IDisplayLength=$ value-value；} } $ Array=Array()；//此处生成50条数据，模仿数据库数据for($ I=1；$ i 51$i ) { $d=array($i，$ i，$i，$i，$i，$i，$i，$ I)；Array_push($Array，$ d)；} $ JSON _ data=Array(' sEcho '=$ sEcho，' iTotalRecords'=50，' iTotalDisplayRecords'=50，' aaData'=array_slice($Array，$iDisplayStart，$ I displaylength))；//按照数据表的当前页和每页长度返回json数据$ obj=JSON _ encode($ JSON _ data)；回声$ obj？效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。