ajax实现分页的局部刷新（基于Jeesite框架），这个方法也可以用来实现一个jsp页面有多个分页

因为jeesite框架带的分页实现它的刷新是整个jsp页面的刷新，所以这一点就很苦恼。下面我用ajax来解决这个问题。

点击分页时触发ajax事件，将后台需要的参数通过ajax传过去，然后后台返回的数据再ajax里画的html部分显示出来，主意你需要刷新拿个部分就在里面拼接哪个部分，下面人我贴出部分代码

					

				

				

					
运维类型
					
运维负责人
					
计划运维时间
					
运维计划状态
					
运维概述
				
                
                

				

						

							
								
									计划运维
								
								
									人工运维
								
								
									故障检修
								
							
						
						
${page.personInCharge}
						

						

							
								
									未开始
								
								
									已结束
								
							
						
						
${page.comments}
					
				
				


			
            

                
${seeEqLists}
            

这个是显示的列表部分，下面是jq部分

这个js，在点击分页的时候会自动跳到page这个方法里，然后我在这个方法离加了一个search（）这个方法，所以就会去执行ajax，因为我是修改页面里面的部分内容需要分页，所以我要传个id到后台，不然待会找不到数据。

注：当一个jsp页面有多个分页时，就多个search（）方法，或者ajax里的加个判断，根据判断url地址不同，拼接的刷新部分也不同。下面贴出我的双分页部分的代码，我是根据判断，会有多个ajax的

                function page(n,s){
                    $("#pageNo").val(n);
                    $("#pageSize").val(s);
                    $("#pageNos").val(n);
                    $("#pageSizes").val(s);
                    page1();
                    return false;
                    }
        function page1(a) {
            if(a==1){
                search();
            }else if(a==2){
                search2();
            }
        }

这块我本想把嵌套带参的onclick方法，但是发现不行，于是我就拆开写可以

 

如果是带条件查询的话，就把条件也记得传一下，不然不能回显(⊙o⊙)哦

我们来看一下效果图