php - 多个 PJAX 请求

Question

我正在尝试使用 PJAX 更新 2 个单独的 div。我的 PJAX 失败，只加载了第二个。这是一个例子：

<div id="content-1"></div>
<div id="content-2"></div>

<button onclick="
$.pjax({
url: 'content-1.php',
container: '#content-1',
push: false
});

$.pjax({
url: 'content-2.php',
container: '#content-2',
push: false
});
"></button>

问题是 2 个 pjax 请求不能同时运行，并且第二个与第一个重叠，所以只有第二个（id="content-2"）被更新。Push 设置为 false 是有原因的，在这种特殊情况下我不需要推送 url，但我需要它用于站点的其他部分。

Answer 1

如果不需要更改 URL 地址，则应使用 AJAX 而不是 PJAX。PJAX 和 AJAX 做同样的事情——只更新 HTML 内容的特定部分，而不重新加载整个页面。但是，PJAX 会更改地址栏中的 URL 地址，因此只能以特定方式使用它。

使用 PJAX 和 AJAX 的一个很好的例子是一个简单的画廊。如果页面要改，最好用PJAX，这样可以改地址栏的URL，给页面加一个GET参数。但更适合使用 AJAX 在弹出窗口中获取单击图像的附加信息。