ajax如何获取jQuery数组

来源：互联网 2023-03-16 23:54:44 372

ajax是异步的JavaScript和xml技术，本质是利用浏览器内置的httpRequest对象异步的向服务器发送请求，服务器返回少量的数据，浏览器利用少量的数据达到局部刷新的目的，中途不打断用户的操作

工具/原料

eclipse

方法/步骤

页面加载完成以后触发ajax请求，以分页为例

在jsp页面编写ajax请求

$(function() {var countNum = 0;//post请求，查询一共有多少页数据$.post("countNum", function(data) {countNum = data;$('#ul').append('li id="a"> a >Pre/a>/li>')for (var i = 1; i = countNum; i ) {$('#ul').append('li>a class="a">' i '/li>')}$('#ul').append('li > a class="a">Next/a>/li>')});

）

ajax如何获取jQuery数组

在页面的id为ul的节点处添加数据，因为只获取一个总页数，比较简单，这里直接post请求；获取的返回数据直接在function中，

ajax如何获取jQuery数组

在Controller控制器编写程序

@RequestMapping("/countNum")@ResponseBodypublic Integer countNum(){Integer rows = bookDao.findRows();Integer pages=0;if(bookDao.findRows()==0){pages=rows/10;}else{pages=rows/10 1;};return pages;}

ajax如何获取jQuery数组

$.ajax({type : 'POST',url : 'listpage',data : {'currentPage' : 1},dataType : 'json',success : function(data) {//回调分页数据$('table tbody tr').remove();for (var i = 0; i data.length; i ) {$('table tbody').append();}},error : function(data) {alert("失败：" data);}});

ajax如何获取jQuery数组