jquery - 可降级的 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 调用就会发挥其魔力。