ThinkPHP Ajax分页代码

公共函数索引(){ $ where=array()；$ name=I(' name ')；if(！空($ name)){ $其中['name']=数组(' like '，' % ' .（字符串)$name .'%');} $ Role=M(' Role ')；$ count=$ Role-where($ where)-count()；//查询满足要求的总记录数$ Page=new Think AJaxpage($ count，' ajax-page '，10)；//实例化分页类传入总记录数、ajax更新的局部页面身份和每页显示的记录数(10)$ Page-last后缀=false$Page-setConfig('first '，'首页');$Page-setConfig('last '，'末页');$Page-setConfig('header '，' span class=' row)BTNBTN-默认边距-l-2 '共%TOTAL_ROW%条/span’)；//分页条数$Page-setConfig('主题，' % FIRST % % UP _ Page % % LINK _ Page % % DOWN _ Page % % END % % HEADER % ')；//分页样式：首页、末页等$ show=$ Page-show()；//分页显示输出//进行分页数据查询注意限制方法的参数要使用页类的属性$ data=$ Role-where($ where)-order(' id desc ')-limit($ Page-第一行).','.$ Page-listRows)-select()；$this-assign('datas '，$ datas)；//赋值数据集$this-assign('page '，$ show)；//赋值分页输出if(IS _ AJAX){ $ this-display(' index _ AJAX ')；} else { $ this-display()；}}ajax-page是模版中用于替换局部页面的身份

index_ajax是局部页面模版

扩展小部件ExtWidget

我是在管理模块下建的这个类/Application/Admin/Widget/ext Widget。上课。服务器端编程语言（Professional Hypertext Preprocessor的缩写）所有如下图

前台模版

我有个index.html模版，这个页面需要创建交互式、快速动态网页应用的网页开发技术分页，现在我建立一个index_ajax.html模版，如下图

index.html是有布局的模版，显示创建交互式、快速动态网页应用的网页开发技术分页地方的关键代码如下

表id=' users ' class=' table-table-bounded table-悬停“分条表”和tr thin put class=“check-all”type=“checkbox ”/th width=“90%”名称/th宽度='10% '操作/th/tr/ad t正文id=' Ajax-page ' { : w(' Ext/render partial ')、数组(' data '=数组(' partial '=' Role/index _ Ajax '，' data'=$datas，' page '=$ page)))}/t正文/表第一次页面加载的时候不是创建交互式、快速动态网页应用的网页开发技术渲染的页面，所以这里要调用一次index_ajax模版。当点击分页时创建交互式、快速动态网页应用的网页开发技术会替换掉这里的tbody id='ajax-page'/tbody内容

{ : W(' Ext/RenderParial '，数组(“数据”=数组(' partial'='Role/index_ajax '，' data'=$datas，' page '=$ page))} index _ Ajax。超文本标记语言是没有布局的模版，只是为了显示数据。代码如下

notempty name=' datas ' volist name=' datas ' id=' VO ' TRT input class=' ids ' type=' checkbox ' name=' id[]' value=' { $ VO。id } '//tdtd { $ VO。name }/TDT span class=' BTN BTN-xs BTN-primary Mysave ' data-toggle=' modal ' data-id=' { $ VO。id }“data-URL=”{ : u('/Admin/Role/update ')}“span class=”修改/spana class=' confirm Ajax-get BTN BTN-xs BTN-primary ' href=' { : u('/Admin/Role/del '，array(' id '=$ VO[' id ']))} ' span class=' glyphicon glyphicon-remove ' aria-hidden=' true '/span删除/a/TD/tr/volistelse/trtd col span=' 100 ' class=' text-center '没有查询到数据！/tdtr/notemptynotempty name=' page ' trtd col span=' 100 ' class=' text-right ' { $ page }/tdtr/notemptyjs代码如下

//ajax分页查询函数ajax_show(id，url){//加载图片$('#ajax-loading-img ').html(' img src=' http :/Public/img/loading。gif ' class=' margin-r-2 ' alt='加载中.'');//ajax获取内容后并替换掉原有信息$.获取(网址，函数（数据){ $(“#”id).html(数据);});returnfalse}效果图

ThinkPHP Ajax分页带参数查询

超文本标记语言代码

form class='navbar-form '角色='search' id='search-form '方法=“get”操作=“{ : u('/Admin/Role/index ')}”div class=“form-group”名称：input class=' form-control ' name=' name ' type=' text '/div button type=' submit ' class=' BTN BTN-primary ' id=' my-search ' span class=' glyphicon glyphicon-glass margin-r-2 ' aria-hidden=' true '/span查询/button/formjs代码

$(function(){ $(“# my-search”)).单击(function(){ var search _ form=$(' # search-form ').serialize()；//实例化查询参数var URL=“{ : U('/Admin/Role/index ')}”？" search _ form//查询urlreturn ajax_show('ajax-page '，URL)；//调用创建交互式、快速动态网页应用的网页开发技术分页});});效果图

可以看到分页页面中有参数，整个查询过程都是Ajax无刷新查询。

以上是边肖介绍的ThinkPHP集成Bootstrap Ajax分页风格。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！