可降级的Ajax Jquery分页

Question

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

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

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

Answer 1

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

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

正如您可以想象的那样，内容位于content div中，Next和Prev链接通过简单的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调用将发挥其魔力。