使用jquery DataTable和ajax向页面显示数据列表的方法
首先在html页面定义好相关长度的行和列,假设table的id=data-table“”
使用jqueryDataTable在js中这么写
$(function(){ $('#data-table').DataTable( { order:[[1,'desc']], ajax:{ url:"/products", type:'GET', dataSrc:"" }, columns:[{ data:"id" },{ data:"id" },{ data:"title", defaultContent:"" },{ data:"sell_point", defaultContent:"" },{ data:"price", defaultContent:"" },{ data:"number", defaultContent:"" },{ data:"image", defaultContent:"" },{ data:"cid", defaultContent:"" },{ data:"id" }], columnDefs:[{ targets:[0], orderable:false, render:function(id,type,row,meta){ return''; } },{ targets:[8], render:function(data,type,row,meta){ return' y |' } }] }); });
其中ajax中定义了访问后台数据的url和访问方式
colums定义的是返回来的数据类型,对应着页面当中的各列,数量必须一致。
columnDefs中targets是为某一列绑定一个回调函数,比如第一列是id值,但是不想显示id值,那么targets就是[0]代表第一项,为它返回了一串html代码并将id值加入其中,便于后续的操作。
以上这篇使用jqueryDataTable和ajax向页面显示数据列表的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。