使用内部API调用刷新div

Question

对于网络应用，我正在尝试从内部API获取数据并显示它在主页上每隔一秒左右更改一次。内部PHP设置了两个变量，这些变量由以下javascript代码读取：

$(window).load(function() {
  setInterval(function() {
    var stats = "";
    stats += "<span class='styleForStats'>";
    stats += stat1;
    stats += "</span>";
    $('#myBox').html(stats);
  }, 1000);
});

现在，问题是，我通过PHP设置变量stat1，这是在页面的加载时间完成的。因此它无法从PHP代码中获取最新值。

我可以在某种程度上，每次在setInterval函数中调用来自JS的内部PHP文件，以便每次都获取实时值。我想过AJAX调用，但它们不仅仅用于外部API吗？

Answer 1

你应该使用AJAX调用（不，AJAX请求不仅仅是外部API的东西）。如果您需要频繁更新数据，请考虑使用一些更高级的技术（例如WebSockets，Long polling，SocketIO） - 这将是您的案例的更好解决方案。查看this answer以获取有关这些技术的更多信息。