各位帮忙看看,我该怎么写简单些,页面现在分页功能都好了。就是缺陷就是不能跟后台交互,paghelper也好了,怎么关联哎
$(document).ready(function() {
var code;
$.ajax({
type: 'post', /* 请求方式 GET 、 POST 、 PUT 等.. */
url: 'shop/findShopListPage', /* 后台的接口(findApi) 使用相对路径即可 */
dataType: "json",
async: false,
data: {
pageNum: 1,
pageSize: 10,
},
success: function (result) { // 请求后台 应答成功返回来的数据
console.log(result + "长度:" + result.data.length)
let length = result.data.length;
for (let i = 0; i < length; i++) {
let id = result.data[i].id;
code = code + '<tr>'
+ '<td class=" ">' + id + '</td>'
+ '<td class=" ">' + result.data[i].shop_name + '</td>'
+ '<td class=" ">' + result.data[i].shop_regionArr + "" + result.data[i].shop_address + '</td>'
+ '<td class=" ">' + result.data[i].shop_phone + '</td>'
+ '<td class=" ">' + result.data[i].user_name + '</td>'
+ '<td class=" ">' + result.data[i].user_phone + '</td>'
+ '<td class=" ">' + result.data[i].move_time + '</td>'
+ '<td class=" ">' + '<button class="ipManage_edit buttonCss fa fa fa-pencil-square-o fa-1g" data-toggle="tooltip" title="修改" οnclick="ipManageEditor(\'' + i + '\')">' + '</button>' + '</td>' + '</tr>'
}
$('#shopList').empty().append(code);
},
error: function (xhr, status, error) { // 请求失败运行的函数
console.log(error);
}
})
$(".dataTables-example").dataTable({
"bLengthChange": true, //开关,是否显示每页显示多少条数据的下拉框
"aLengthMenu": [3,5,10,20,50],//设置每页显示数据条数的下拉选项
'iDisplayLength': 3, //每页初始显示3条记录
})