当出现 4xx 或 5xx Http 错误代码时解析 Javascript 中的 JSONP 响应

Question

我正在实现一个应用程序，该应用程序依赖于 JavaScript 客户端和服务器之间的通信，该服务器知道如何使用 JSONP 表示法响应客户端。

我正在尝试处理我的 Javascript 客户端中的情况，其中我的服务器返回 http 状态代码为 4xx 或 5xx。目前我看到的是，该脚本没有被评估，因为浏览器认为它是一个错误（事实确实如此）。但是，我仍然想阅读我的服务器在出现此 4xx 或 5xx 响应时必须说的内容我的 JavaScript 客户端中的代码。

我发现这确实会在脚本标记元素上引发错误，但我担心这不是跨浏览器，也不是一个可靠的解决方案。

即使 http 状态代码是 4xx 或 5xx，是否有人仍然能够解析 jsonp 响应？

我开始相信我应该使用这个“设置超时”解决方案，该解决方案通过声明 jsonp 请求的回调函数将在特定时间范围内完成来“检测”失败，如果没有，则有一个错误。

编辑：当我的服务器检测到 jsonp 客户端时，我暂时总是返回 200 状态代码，然后在返回的 json 对象中传输错误消息/状态。我希望利用 HTTP 状态代码，但我认为这对于 javscript 客户端来说是不行的。

Answer 1

JSONP 是一种解决跨域问题的 hack。当它起作用时，效果很好。但如果没有，你就没有办法找出问题所在。

setTimeout 是在原始方法之上的另一种方法。如果您必须使用 JSONP 并且仍然需要错误检测（而不是处理），那么您就必须这样做。没有更好的解决方案。

如果您控制服务器，请尝试使用跨域资源共享 (CORS) 或 Flash 的 crossdomain.xml 等替代方案来允许跨域请求。如果您不控制服务器，您可以通过您的服务器代理响应以获得更好的控制。

Answer 2

使用 JSONP 的一种方法是在回调中嵌入状态信息。因此，回调函数签名看起来像

callback(result, status, message)

这样，如果您的调用看起来像

http://myurl.com/?callback=fn

为成功调用生成代码，则看起来像

fn({"data":"my great data"}, 200)

并且针对异常条件

fn(null, 500, "server error"}

Answer 3

您可以检查 XHR 对象的状态（如果您没有使用 JS 库）。

if(xhr.readyState == 4){
  if(xhr.status == 200){
    // good
  }else if(xhr.status == 502){
    // d'oh
  }
}

如果您使用 jQuery，则可以传入 statusCode 来处理 的特殊情况$.ajax