可降级的Ajax Jquery分页

时间:2012-08-16 15:22:33

标签: jquery ajax

我有一个包含内容页面的网站。我希望通过Jquery驱动AJAX,这样当用户点击进入新页面时,内容会在没有页面重新加载的情况下进行更新。

但是,对于没有启用javascript的用户,包括搜索机器人,我希望分页在没有启用javascript的情况下工作。

这是可能的,如果是这样,怎么办呢?我用Python编写网站,如果它有所作为。

1 个答案:

答案 0 :(得分:2)

我想一个好方法就是创建没有任何Javascript的页面。你最终会得到这样的东西:

<div class="content">
    ...
</div>
<a class="prev" href="previousPage">Prev</a>
<a class="next" href="nextPage">Next</a>

正如您可以想象的那样,内容位于content div中,NextPrev链接通过简单的HTML加载不同的页面。

然后你可以包含一些像这样的jQuery:

$('.next').click(function(e){
    e.preventDefault();
    // Do the ajax call and load the resulting data in the content div
});

使用此解决方案,如果未启用Javascript,则分页将正常工作,因为它是使用简单的HTML制作的。但是,如果启用了Javascript,则ajax调用将发挥其魔力。