文章导航：  « 谁动了我们的CPI？  丨  推荐一款jquery弹层效果：ColorBox »

thinkphp 分页+jquery实现无刷新翻页

motlhuhu

 有两个页面，a.php和b.php

a.php里面利用ajax调用b.php

a.php代码：

<script>

function gourl(str){

$.get(str,function(data){

$("#showhtml").html(data);

});}

gourl('b.php');

</script>

 

<div id="showhtml"></div>

通过上面的代码，我们已经将b.php显示到a.php中的ID为 showhtml的DIV里面了。

b.php中的代码：

 

<div class="pages"><a href="b.php?p=1">1</a><a href="b.php?p=2">2</a><a href="b.php?p=3">3</a></div>

b.php中主要是一个数据显示和数据分页，我们为了实现ajax无刷新显示分页，只需要在b.php的页面内加入：

<script>

$(document).ready(function() {

$(".pages a").click(function() {

gourl(this.href);

return false;

});

});

</script><div class="pages"><a href="b.php?p=1">1</a><a href="b.php?p=2">2</a><a href="b.php?p=3">3</a></div>

 

这样就可以了，我们使用thinkphp 分页的时候，就不需要去更改page.class.php里面的任何内容了。

 

标签:thinkphp  分页  jquery  无刷新翻页  


2011年10月10日/ThinkPHP/

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。