Ajax异步刷新分页功能-MySQL

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Ajax异步刷新分页功能-MySQL，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2457字，纯文字阅读大概需要4分钟。

内容图文

* 全局变量 */ var index = 1; var totalPage = 0; /** 分页窗体事件 */ $(function () { /**取从Servlect中传到JSP页面的总条数信息 给全局变量totalPage 赋值 * 下为JSP页面中显示当前页和总页数代码 * <span id="index" >1</span>\<span id="totalPage" >${requestScope.senior.totalPage}</span> */ totalPage=$("#totalPage").html(); //首页 $(‘#firstpage‘).click(function () { if (index != 1) { index = 1; paging();/** 点击分页异步刷新函数 */ } return false; }); //尾页 $(‘#lastpage‘).click(function () { if (index != totalPage) { index = totalPage; paging(); } return false; }); //上一页 $("#beforepage").click(function () { if (index != 1) { index = index - 1; paging(); } return false; }); //下一页 $("#nextpage").click(function () { if (index < totalPage) { index = index + 1; paging(); } return false; }); }) /** 点击分页 */ function paging(){ ajaxBase("varietyManyServlet?method=paging","index="+index,"inTurn"); /** 给页面显示当前页赋值 */ $("#index").html(index); } 　　　　　　　/** ajax函数工具类 * @param url:地址 * @param data:请求参数 * @param method:方法信号，作用判断进行什么操作 */ function ajaxBase(url,data,method){ $.ajax({ type:‘post‘, url:‘‘+url+‘‘, cache:false, data:data, dataType:‘text‘, success:function(result){ alert("ajax函数工具类:success"); /** 调用登录成功后的操作函数 */ success(result,method); }, error:function(){ alert("ajax函数工具类:error"); } }); } 　　　　　　　/** 根据method方法信号判断进行什么操作 * @param result:服务端响应的数据 * @param method:方法信号，作用判断进行什么操作 */ function success(result,method){ if(method=="inTurn"){ /** * 动态添加EasyUI 中数据 */ $(‘#MyTable‘).datagrid(‘loadData‘,{total:0,rows:[]});//清空datagrid中所有的数据，！不包括field列名 var data=eval("("+result+")");//转换响应的Json数据 //遍历Json集合 动态追加表格数据。--两种遍历方式。 for(var machine in data){ var row_data={ box:‘<input type="checkbox" />‘, nickName: data[machine].nickName, ordinaryPrice: data[machine].ordinaryPrice, memberPrice: data[machine].memberPrice, quantity: data[machine].sale.quantity, grade: data[machine].commentss[0].grade, path: "<img alt="+data[machine].nickName+" src=‘upload/"+data[machine].path+"‘ width=‘110px‘ height=‘100px‘ >", add:‘<a name="show" onclick="showDetail(‘+data[machine].id+‘)" >查询详情</a>‘ +‘<a name="check" onclick="checkLgoin(‘+data[machine].id+‘,‘+$("input[name=checkHidden]").val()+‘)" >加入购物车</a>‘ }; $("#MyTable").datagrid(‘appendRow‘,row_data); }

 

Ajax异步刷新分页功能-MySQL

标签：

本文系统来源：http://www.cnblogs.com/wkrbky/p/5873500.html

内容总结

以上是互联网集市为您收集整理的Ajax异步刷新分页功能-MySQL全部内容，希望文章能够帮你解决Ajax异步刷新分页功能-MySQL所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---