现在的位置: 首页 > web前端 > 正文

thinkphp的page类js无刷新分页page方法

2020年02月12日 web前端 ⁄ 共 998字 ⁄ 字号 评论关闭

tp中的page类可以生成翻页,但是只能是刷新分页,通过js对a标签进行修改,可以实现无刷新分页 实现方法 1. 通过tp page类生成分页数据和页码 2. 建立table模板并渲染后使用fetch方法获取渲染后的内容并返回 3. 将返回的内容输出到页码并通过js page方法进行翻页 下面是page方法的实现:

/*** page方法* @params* urlquery string 请求查询的url地址* json 提交给服务器的参数* @return * 服务器返回的info信息,alert弹出**/function page(urlquery,json){ $("#loading").css("display","block"); var jsonP = arguments[1]?arguments[1]:{p:1,page:10}; $.get(urlquery,jsonP,function(res){ if(res.status){ $("#loading").css("display","none"); $("#pagetable").html(res.data); var linka = $(".pagination a"); linka.attr("href","javascript:void(0)"); p = $(".pagination .active span").text(); linka.click(function(){ var pagename = $(this).attr("name"); if(pagename){ p = pagename; }else{ pagename = $(this).attr("class"); if(pagename == 'next'){ p++; }else if(pagename == 'prev'){ p--; }else if(pagename == 'first'){ p = 1; }else if(pagename == 'end'){ p = $(this).text(); } } page(urlquery,p,pagecount); }); } // return window.alert(res.info); });}

通过这个page方法可以将tp的page类转换为无刷新分页,这样就能实现刷新分页和无刷新分页共存一套系统

以上就上有关thinkphp的page类js无刷新分页page方法的相关介绍,要了解更多thinkphp内容请登录学步园。

抱歉!评论已关闭.