ajax - 如何正确使用 pjax？

Question

我对 pjax 的工作原理有一个非常粗略的想法，因此在我的网站上对其进行了非常粗略的实现。我在所有 jquery 的开头都有这段代码

$('li a').pjax('#container');

你会点击的东西看起来像这样

<li><a href="main.html"><div id="sortmain" class="catagories">main</div></a></li>

所以当我点击它时，li它将 main.html 加载到容器 div 中。但它有故障而且相当缓慢。我该如何改进呢？另外，因为 main.html 是一个真实的文档，当我刷新页面时它只显示 main.html 输出的内容，我该如何解决这个问题？

Answer 1

如果不查看您的网站，我无法说出它为什么缓慢或出现故障。

如果你想main.html成为一个完整的页面（以便在没有服务器端处理的情况下进行刷新），你可以使用 pjax 中的片段选项：

$('li a').pjax("#container", { fragment: "#container" });

这将#container使用 PJAX 更新 div（如果 pushState 可用），并且在旧版浏览器上，您的站点将像以前一样工作。