function fun_page(){

var url=”${root}/book/page”; 获取一个地址

var data={“index”:index,”size”:size,”step”:step}; 以键值对封装分页的参数:第几页,显示的行数,起始页

$.getJSON(url,data,function(result){ 到该地址(路由)去

$(result.items).each(function(){

var row=$(‘

‘);

row.append(‘

‘+this.bid+”);

row.append(‘

‘+this.btitle+”);

row.append(‘

‘+this.bauthor+”);

row.append(‘

‘+this.bpublic+”);

row.append(‘

修改’+

‘删除

‘);

row.appendTo($(“#tblbook tbody”));

});

@ResponseBody

@RequestMapping(value=”/book/page”,method=RequestMethod.GET,

produces={“application/json;charset=utf-8”})

public String method1(@RequestParam(name=”index”,defaultValue=”1″)int index, 从封装的data里面获取

@RequestParam(name=”size”,defaultValue=”1″)int size,

@RequestParam(name=”step”,defaultValue=”1″)int step){

String json=JSONObject.toJSONString(bookService.getBookList(index, size, step, “”)); 去数据库里面查询,以json的形式返回

return json;

}

$(result.items).each(function(){ //这个items是分页实体类里的一个当前页数据List

var row=$(‘

‘); //然后一个个的赋值到html桌面

row.append(‘

‘+this.bid+”);

row.append(‘

‘+this.btitle+”);

row.append(‘

‘+this.bauthor+”);

row.append(‘

‘+this.bpublic+”);

row.append(‘

修改’+

‘删除

‘);

row.appendTo($(“#tblbook tbody”));

});

标签:index,json,step,ajax,理解,row,append,size

来源: https://www.cnblogs.com/lanbao5339/p/14111466.html