pagination.js通过ajax请求获取数据 

参考https://www.cnblogs.com/chenluomenggongzi/p/6362705.html与pagination.js API

 1  $.ajax({
 2         url: 'test.json',
 3         type: 'GET',
 4         dataType: 'json',
 5         success: function (data) {
 6             console.log(data.items.length);
 7             var item = data.items, length = data.items.length, pageIndex;
 8             //默认页面显示内容
 9             showBox.html('姓名：' + item[0]['name'] + '\n' + '年龄：' + item[0]['age'] + '姓名：' + item[1]['name'] + '\n' + '年龄：' + item[1]['age']);
10             $("#M-box").pagination({
11                 totalData: length,
12                 showData: 2,
13                 jump: true,
14                 coping: true,
15                 homePage: '首页',
16                 endPage: '末页',
17                 prevContent: '上页',
18                 nextContent: '下页',
19                 callback: function (index) {
20                     pageIndex = index.getCurrent() - 1;
21                     showBox.html('姓名：' + item[pageIndex]['name'] + '\n' + '年龄：' + item[pageIndex]['age'] + '姓名：' + item[pageIndex]['name'] + '\n' + '年龄：' + item[pageIndex]['age']);
22                 }
23             })
24         },
25         error: function () {
26             //错误处理
27             alert("操作超时，请刷新页面重试！");
28         }
29     })

 

posted @ 2018-11-23 10:52  核桃树下Code  阅读(840)  评论(0)  编辑  收藏  举报