这篇文章主要为大家展示了“AJAX分页效果的实现方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“AJAX分页效果的实现方法”这篇文章吧。
创新互联公司是一家专注于网站制作、成都网站建设与策划设计,和静网站建设哪家好?创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:和静等地区。和静做网站价格咨询:028-86922220
最近写一个给用户组添加角色的功能,要求一边是未添加的角色,一边是已添加的角色,还有搜索功能, 点击添加后,ajax保存操作.
考虑功能为待查询功能分页 , 下方分页条, 一共有 2*2 ,4个ajax…
JS代码如下:
$(document).ready(function() { App.init(); currentRole(); // 当前角色 currentRolePage();//当前角色分页 noAddRole(); //未添加角色 noAddRolePage();//未添加角色分页 }); //当前角色列表 function currentRole(){ var currentRoleCheckName =$("#currentRoleCheckName").val(); // 当前角色的list集合 $.ajax({ async:true, type:"POST", //date:"groupId=rose",//发送到服务器的数据 url:"${ctx}/group/ajax_showRolesForGroup.do",//请求路径 data:{"groupId":groupId, "page":page1, "checkName":currentRoleCheckName }, dataType:"json", //返回数据的类型 success:function(data){ //成功响应后的回调函数 var result =data.pageSupport.items; console.log(data.pageSupport) var s=""; for(var i in result){ s+=""+result[i].name+"" +""+result[i].remark+"" +"
HTML代码如下:
已选角色