THINKPHP ajax分页示例
2021-07-04 03:03
阅读:779
标签:query 方法 oca javascrip log string last show action
先把框架的page类改造一下
路径在ThinkPHP/Library/Think/Page.class.php文件
添加一个方法 ajax_show
代码如下
php /** * 组装分页链接 * @return string */ public function ajax_show() { if(0 == $this->totalRows) return ‘‘; /* 生成URL */ $this->parameter[$this->p] = ‘[PAGE]‘; $this->url = U(ACTION_NAME, $this->parameter); /* 计算分页信息 */ $this->totalPages = ceil($this->totalRows / $this->listRows); //总页数 if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) { $this->nowPage = $this->totalPages; } /* 计算分页临时变量 */ $now_cool_page = $this->rollPage/2; $now_cool_page_ceil = ceil($now_cool_page); $this->lastSuffix && $this->config[‘last‘] = $this->totalPages; //上一页 $up_row = $this->nowPage - 1; $up_page = $up_row > 0 ? ‘‘ . $this->config[‘prev‘] . ‘‘ : ‘‘; //下一页 $down_row = $this->nowPage + 1; $down_page = ($down_row $this->totalPages) ? ‘‘ . $this->config[‘next‘] . ‘‘ : ‘‘; //第一页 $the_first = ‘‘; if($this->totalPages > $this->rollPage && ($this->nowPage - $now_cool_page) >= 1){ $the_first = ‘‘ . $this->config[‘first‘] . ‘‘; } //最后一页 $the_end = ‘‘; if($this->totalPages > $this->rollPage && ($this->nowPage + $now_cool_page) $this->totalPages){ $the_end = ‘‘ . $this->config[‘last‘] . ‘‘; } //数字连接 $link_page = ""; for($i = 1; $i $this->rollPage; $i++){ if(($this->nowPage - $now_cool_page) ){ $page = $i; }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){ $page = $this->totalPages - $this->rollPage + $i; }else{ $page = $this->nowPage - $now_cool_page_ceil + $i; } if($page > 0 && $page != $this->nowPage){ if($page $this->totalPages){ $link_page .= ‘‘ . $page . ‘‘; }else{ break; } }else{ if($page > 0 && $this->totalPages != 1){ $link_page .= ‘‘ . $page . ‘‘; } } } //替换分页内容 $page_str = str_replace( array(‘%HEADER%‘, ‘%NOW_PAGE%‘, ‘%UP_PAGE%‘, ‘%DOWN_PAGE%‘, ‘%FIRST%‘, ‘%LINK_PAGE%‘, ‘%END%‘, ‘%TOTAL_ROW%‘, ‘%TOTAL_PAGE%‘), array($this->config[‘header‘], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages), $this->config[‘theme‘]); return "{$page_str}"; } ?>
然后在提供后端数据的控制器中这样写代码
代码如下:
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>title>
link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.3/css/bootstrap.css" rel="stylesheet">
script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">script>
head>
style>
#page a{margin: 2px}
style>
body>
div class="container">
table class="table table-striped table-condensed">
thead>
tr>
td>usernametd>
td>emailtd>
tr>
thead>
tbody id="data_list">tbody>
table>
div id="page">div>
div>
script>
$(function(){
get_data("http://localhost/thinkphp/");//初始化
$("body").on(‘click‘,‘#page a‘,function(){
get_data($(this).attr("data-href"));
});
});
function get_data(url)
{
$.getJSON(url,{},function(res){
var html="";
for (var i = 0; i res.data.length; i++) {
html+="
"+res.data[i].username+"
"+res.data[i].email+"
";
};
$("tbody").html(html);
$("#page").html(res.page);
});
}
script>
body>
html>
演示效果如下:
THINKPHP ajax分页示例
标签:query 方法 oca javascrip log string last show action
原文地址:http://www.cnblogs.com/lizhaoyao/p/7122722.html
下一篇:推荐一些信息学奥赛的网站
评论
亲,登录后才可以留言!