通过 javascript 加载缓慢的外部文件时，有什么方法可以优雅地强制执行超时限制吗？

Question

我正在使用 javascript 包含从另一台服务器上的 php 文件提供的一些内容。然而，其他服务有时可能会变得不稳定，要么需要很长时间才能加载，要么根本无法加载。

JS 有没有办法在失败并显示“请重试”消息之前尝试获取外部数据 x 秒？

<script type="text/javascript" src="htp://otherserver.com/myscript.php"></script>

Answer 1

几个问题：您可以使用 XMLHttpRequest （又名 ajax）使用超时阈值，但由于它位于 otherserver.com 上，因此您无法使用 XMLHttpRequest （并支持所有 A 级浏览器），因为同源策略限制。

如果脚本引入了任何类型的全局名称（例如任何变量名称、函数名称等），您可以尝试 setTimeout 来继续检查它：

var TIMELIMIT = 5; // seconds until timeout
var start = new Date;

setTimeout(function() {
  // check for something introduced by your external script.
  // A variable, namespace or function name here is adequate:
  var scriptIncluded = 'otherServerVariable' in window;

  if(!scriptIncluded) {
    if ((new Date - start) / 1000 >= TIMELIMIT) {
      // timed out
      alert("Please try again")
    }
    else {
      // keep waiting...
      setTimeout(arguments.callee, 100)
    }
  }
}, 100)

我看到的问题是您无法取消对脚本。如果我错了，请纠正我，但从 DOM 中删除

我想你可能不走运。

Answer 2

我能想到的唯一方法是在另一个（启用 PHP 的）服务器上创建一个代理，该服务器将为您获取数据，但在达到一定的超时限制时会停止（并且它只能返回一个空结果）。

Answer 3

这纯粹是理论上的：

我想你可以声明一个全局变量 var hasLoaded = false; 。在尝试加载的脚本末尾，您可以将该变量设置为 true hadLoaded=true;。将脚本标签注入 DOM 后，您可以启动 setTimeout()，其回调函数检查“hasLoaded”是否设置为 true。如果不是，您可以假设脚本尚未完全加载到浏览器中。如果有，您可以假设它已完全加载。

再说一次，这是理论上的，但如果你测试它，一定要报告回来，我很好奇。

Answer 4

我认为唯一的方法是通过 ajax 获取文件的内容，然后设置一个计时器。如果请求在计时器之前完成，您可以使用 eval 评估响应（无论如何这不是更好的解决方案），否则您可以停止 ajax 请求并写入错误消息。