ajax的理解

@H_404_0@ 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=$(' <tr></tr>'); row.append('<td>'+this.bid+'</td>'); row.append('<td>'+this.btitle+'</td>'); row.append('<td>'+this.bauthor+'</td>'); row.append('<td>'+this.bpublic+'</td>'); row.append('<td><button class="btn text-primary btnupd" lang="'+this.bid+'" data-toggle="modal" data-target="#myModal">修改</button>'+ '<button class="btn text-primary btndel" lang="'+this.bid+'">删除</button></td>'); row.appendTo($("#tblbook tbody")); });

@H_404_0@
@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; }

 

@H_404_0@$(result.items).each(function(){ //这个items是分页实体类里的一个当前页数据List var row=$(' <tr></tr>'); //然后一个个的赋值到html桌面 row.append('<td>'+this.bid+'</td>'); row.append('<td>'+this.btitle+'</td>'); row.append('<td>'+this.bauthor+'</td>'); row.append('<td>'+this.bpublic+'</td>'); row.append('<td><button class="btn text-primary btnupd" lang="'+this.bid+'" data-toggle="modal" data-target="#myModal">修改</button>'+ '<button class="btn text-primary btndel" lang="'+this.bid+'">删除</button></td>'); row.appendTo($("#tblbook tbody")); });