改造thinkphp 的 Page类,使其支持ajax方式
效果:
说明:thinkphp版本:3.2.1
步骤:
1、打开Page.class.php(路径:ThinkPHP/Library/Think)
找到第48行:
empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
改为:
empty(I($this->p)) ? 1 : intval(I($this->p));
实际是改为用内置的 I 函数读取传递进来的P参数,这样并不会影响原有的功能。
2、ajax方式的调用:
即前台html页面
<div>此处用来显示分页内容</div>
<br><br>
javascript: function jzry(p) {<br>
var request = $.ajax({<br>
url: "__MODULE__/Home/jzrh", //用ajax加载分页数据<br>
type: "POST",<br>
async: false,<br>
data:{p:p},<br>
beforeSend: function(xhr) {<br>
$('#message').html("正在加载数据,请稍候。");<br>
}<br>
});<br>
request.done(function(msg) {<br>
if (msg.bj == 'ok') {<br>
$('#rs').html(msg.page); //显示分页<br>
$("#rs a").removeAttr("href"); //删除原来的连接地址方式,<br>
<br>
//改用ajax按键事件<br>
$(".num,.end,.first").on("click", function(){<br>
jzry( $(this).text() );<br>
});<br>
$(".next").on("click", function(){<br>
jzry( parseInt($(".current").text())+1);<br>
});<br>
$(".prev").on("click", function(){<br>
jzry( parseInt($(".current").text())-1);<br>
});<br>
}});<br>
request.fail(function(jqXHR, textStatus) {<br>
$('#message').html("错误: " + textStatus);<br>
});<br>
}
样式: <style><br />
#rs a { color:#333;display:block; padding:0px 6px;<br />
font-weight:bold;float:left;border:1px solid #5d9cdf;<br />
height:20px; line-height:20px; margin:0px 2px;}<br />
.current { background:#a9d2ff; display:block; padding:0px 6px;<br />
font-weight:bold;;float:left}<br />
.clear{clear:both}<br />
</style>
3、后台使用和原来的一样 <br>
$user = M("user"); <br>
$User = $user->page($_POST['p'].',20')->order('id')->select();<br>
if ($User > 0) {<br>
$val['bj'] = 'ok';<br>
$count=$user->count();<br>
$Page=new \Think\Page($count,20);<br>
$val['page']=$Page->show();<br>
$this->ajaxReturn($val); //ajax方式返回<br>
}
AD:真正免费,域名+虚机+企业邮箱=0元

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Dreamweaver Mac版
視覺化網頁開發工具

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

Dreamweaver CS6
視覺化網頁開發工具