javascript - 通过 AJAX 加载新页面时保持 PHP 包含/需要

Question

我有一个网站，其主页包含页眉/导航栏/页脚，然后内容通过 AJAX 传输到 div 中:<div id="content" class="page-content"></div>

是否可以使用 AJAX 将页面动态加载到内容 div 中，并在 PHP 中保留当前页面变量？

这样我就不必在每个页面上编写需求和包含内容，并且还可以提高加载性能。

Answer 1

在典型的 Web 请求/响应范例中，对页面的每个请求都独立于其他请求。这意味着，如果您请求第一页，然后请求第二页，则两个处理的请求将不会共享任何信息或状态。这就是为什么我们将这种客户端/服务器通信称为“无状态”。当然，我们可以在这种通信之上使用 session 数据或数据库构建一个“有状态”系统，但这已经超出了重点。

以类似的方式，在您建议的结构中，您将有第一个请求来加载容器页面，以及第二个或多个请求来加载要注入(inject)第一个页面的内容。这些将是单独的调用，彼此隔离，无法共享任何变量或所需的脚本。

但这不是问题。这也不是一个很大的开销。您不想重复代码还有另一个原因:保持事物干燥(不要重复自己)。这是因为您不想保留相似但重复的代码，其中每次更新都需要在程序的不同部分中重复。

在您的典型情况下，您最终将得到一个脚本，该脚本将完成页面中所需的所有常见工作。容器页面和内容页面都需要这个通用脚本。

因此，您只需编写一次所需的代码，但它将针对每个请求执行。