最近写一个给用户组添加角色的功能，要求一边是未添加的角色，一边是已添加的角色，还有搜索功能，点击添加后，ajax保存操作。

考虑功能为待查询功能分页，下方分页条，一共有2*2 ,4个ajax…

射流研究…代码如下：

$(文档)。ready(function(){ app。init()；currentRole()；//当前角色currentRolePage()；//当前角色分页noAddRole()；//未添加角色noAddRolePage()；//未添加角色分页});//当前角色列表函数CurrentRole(){ var CurrentRocheckname=$(' # CurrentRocheckname ').val()；//当前角色的目录集合$.ajax({ async:true，type:'POST '，//date:'groupId=rose '，//发送到服务器的数据URL : ' $ { CTX }/group/Ajax _ showrolesforgroup。do '，//请求路径数据： { ' GrouP id ' : GrouP id，' page':page1，' checkName ' : CurrentRocheckname }，数据类型：'json '，//返回数据的类型成功：函数（数据){ //成功响应后的回调函数var结果=数据。页面支持。物品；控制台。日志(数据。支持页面(var s=用于(结果中的var I){ s=' tr class=' odd gradeX ' TD '结果[i].名称/' TD ' ' TD '结果[i].备注/TD ' TD button type=' button ' class=' BTN BTN-xs BTN-info m-r-5 ' onclick=' to _ RemoveRoleToGroup '(结果[i]).RoleID ')；'移除/button/TD/tr '；} $('#currentRole ').html } })；}//当前角色的分页函数currentRolePage(){ var currentleckname=$(' # currentleckname ').val()；var TotalPage=0；$.ajax({ async:true，type:'POST '，//date:'groupId=rose '，//发送到服务器的数据URL : ' $ { CTX }/group/Ajax _ showrolesforgroup。do '，//请求路径数据： { ' GrouP id ' : GrouP id，' page':page1，' checkName ' : CurrentRocheckname }，数据类型：'json '，//返回数据的类型成功：函数（数据){ //成功响应后的回调函数总页数=数据。页面支持。最后；控制台。log(TotalPage)var I=0；var a=for(I=第1-2页；I=第一页2;I){ if(i0i=total page){ if(I==1){ $(' # prev 1 ').attr('class '，' disabled ')；} if(page 1==I){ a=' Li class=' active ' bs1=' I ' ' a ' I '/a/Li；} else { a=' Li class=' z hon 1 ' bs1=' I ' a href=' JavaScript : void(0)；'onclick=' a _ method(' I ')；'I/a/李；} } } $('#fy_list ').html(a)；} });} //中间页函数a _ method(I){第1页=I；currentRole()；//当前角色currentRolePage()；//当前角色分页}//查询操作函数currentRoleCheck(){第1页=1；currentRole()；//当前角色currentRolePage()；//当前角色分页}HTML代码如下：

！-两个相同的差异下面只是一个-div class=' panel-body col-MD-6 ' div style=' border : 1px solid # E0E 0；边框半径： 4px ' div class=' panel-heading ' style='底色： # E0E 0；'h2 class='panel-title '已选角色/H2/div div id=' First CheCk ' class=' panel-body ' div style=' padding-left : 0！"重要，“id=' first check ' class=' panel-body ' form class=' form-inline ' method=' POST ' div class=' form-group m-r-10 '输入id=' currentrolcheckname ' type=' text ' class=' form-control ' placeholder='角色名称name=' fname ' maxlength=' 40 '/div class=' checkbox m-r-10 '/div button id=' currentCheck ' type=' button ' class=' BTN BTN-sm BTN-primary m-r-5 '单击=' currentRoleCheck()'查询/button/form/div div table id=' data-table ' class=' table table-bordered '和tr th角色名称/th备注信息/th操作/th/tr/ad t正文id='当前角色'！ -当前用户组已有角色list-/t body/table/div class=' button box ' div align=' right ' ul id=' fy _ list ' class='分页分页分页-sm-m-t-0m-B- 10 '/ul/div/div/div以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。