我将尝试一个更简单的答案：
问题说明
首先，让我们了解从我们的服务器提供页面时的事件流：
- 首先运行 PHP，它会生成提供给客户端的 HTML。
- 然后，HTML 被交付给客户端，在 PHP 处理完之后，我想强调的是，一旦代码离开服务器 - PHP 已经处理完毕，无法再访问它。
- 然后，带有 JavaScript 的 HTML 到达客户端，客户端可以在该 HTML 上执行 JavaScript。
真的，这里要记住的核心是HTTP 是无状态的。一旦一个请求离开了服务器，服务器就无法触及它。因此，我们的选择是：
- 在初始请求完成后从客户端发送更多请求。
- 对服务器在初始请求中所说的内容进行编码。
解决方案
你应该问自己的核心问题是：
我是在写网站还是应用程序？
网站主要基于页面，页面加载时间需要尽可能快（例如 - 维基百科）。 Web 应用程序更重 AJAX 并且执行大量往返以获取客户端快速信息（例如 - 股票仪表板）。
网站
在初始请求完成后从客户端发送更多请求是慢，因为它需要更多的 HTTP 请求，这会产生很大的开销。此外，它需要 异步，因为发出 AJAX 请求需要一个处理程序来完成。
我会不建议再次请求除非您的网站是一个应用程序从服务器获取该信息。
您想要对转换和加载时间有巨大影响的快速响应时间。在这种情况下，发出 Ajax 请求对于初始正常运行时间来说很慢并且不需要。
你有两种方法来解决这个问题
-
设置 cookie - cookie 是 HTTP 请求中发送的标头，服务器和客户端都可以读取。
-
将变量编码为 JSON - JSON 看起来非常接近 JavaScript 对象，大多数 JSON 对象都是有效的 JavaScript 变量。
Setting a cookie 真的不难，你给它赋值即可：
setcookie("MyCookie", $value); // Sets the cookie to the value, remember, do not
// Set it with HTTP only to true.
然后，您可以使用document.cookie read it with JavaScript：
这是一个短手滚动解析器，但我在上面链接到的答案有更好的测试：
var cookies = document.cookie.split(";").
map(function(el){ return el.split("="); }).
reduce(function(prev,cur){ prev[cur[0]] = cur[1]; return prev },{});
alert(cookies["MyCookie"]); // Value set with PHP.
Cookie 适合存储少量数据。这就是跟踪服务经常做的事情。
一旦我们有了更多数据，我们就可以在 JavaScript 变量中使用 JSON 对其进行编码：
<script>
var myServerData = <?=json_encode($value)?>; // Don't forget to sanitize
//server data
</script>
假设 $value 在 PHP 端是 json_encodeable（通常是这样）。例如，这种技术就是 Stack Overflow 的聊天功能（仅使用 .NET 而不是 PHP）。
应用
如果您正在编写一个应用程序 - 突然之间，初始加载时间并不总是像应用程序的持续性能那么重要，并且开始单独加载数据和代码开始获得回报。
我的回答 here 解释了如何在 JavaScript 中使用 AJAX 加载数据：
function callback(data){
// What do I do with the response?
}
var httpRequest = new XMLHttpRequest;
httpRequest.onreadystatechange = function(){
if (httpRequest.readyState === 4) { // Request is done
if (httpRequest.status === 200) { // successfully
callback(httpRequest.responseText); // We're calling our method
}
}
};
httpRequest.open('GET', "/echo/json");
httpRequest.send();
或者使用 jQuery：
$.get("/your/url").done(function(data){
// What do I do with the data?
});
现在，服务器只需要包含一个 /your/url 路由/文件，其中包含获取数据并对其进行处理的代码，在您的情况下：
<?php
$val = myService->getValue(); // Makes an API and database call
header("Content-Type: application/json"); // Advise client of response type
echo json_encode($val); // Write it to the output
这样，我们的 JavaScript 文件请求数据并显示它，而不是请求代码或布局。这更干净，并且随着应用程序变得更高而开始得到回报。它还可以更好地分离关注点，并且允许在不涉及任何服务器端技术的情况下测试客户端代码，这是另一个优势。
后记：当您从 PHP 到 JavaScript 注入任何东西时，您必须非常了解 XSS 攻击向量。 非常很难正确转义值并且它是上下文敏感的。如果您不确定如何处理 XSS，或者不知道它 - 请阅读 this OWASP article、this one 和 this question。