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>

正如您可以想象的那样，内容位于contentdiv 中，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 调用将发挥它的魔力。