AJAX Pagination添加数据而不是替换数据

时间:2012-05-26 06:11:11

标签: php jquery mysql html ajax

我有一个工作基于PHP的分页,我正在添加ajax以改善页面加载。

我的问题是ajax正在添加整个导航页面(通过分页链接进行导航)到当前页面内容

添加的具体数据是用于内容显示的 div 中的整个导航页面。应该像替换当前页面内容使用导航页面内容。

我的分页在div中, id =“分页”与ul li。 我的重复页面内容位于div中 id =“temp”

我的ajax代码

    $(function(){
$('#pagination ul li a').click(function (ev) {
ev.preventDefault();    
$('div#temp').load($(this).attr('href'));
});
});

和我在分页中的导航链接结构是这样的

echo " <li><a href='is-test.php?page=$nextpage'>Next&raquo;&raquo;</a></li> ";

请告诉我如何使用ajax替换添加数据的数据。

感谢。

1 个答案:

答案 0 :(得分:1)

通常.load()应该替换div#temp的内容。但您可以通过以下方式解决此问题:

$('div#temp').empty();

$('div#temp').load($(this).attr('href'));

 $('div#temp').load($(this).attr('href') + '#temp');