jquery - $http 和 $ajax 请求在 Chrome 中随机返回状态 0

Question

这种情况不会在网站上一直发生，但偶尔会发生。

浏览器开始随机返回页面中 XMLHTTPRequest 请求的状态 0。

这适用于通过 jquery ajax 函数和 angularJS 中的 $http 资源发出的请求

发生这种情况时，网络选项卡中没有任何内容。这些请求甚至不经过网络层。

但是刷新后问题就消失了，只是随机出现。

我没有在 Firefox 上进行大量测试，但我从未在那里体验过

我仅使用相关路径。甚至不会出现跨域问题。

我尝试在 stackoverflow 上查看多个问题，但没有任何帮助我解决它

我使用 nginx 作为运行金字塔 Web 应用程序的 Gunicorn 服务器的反向代理。

令我感兴趣的是，它有时有效，有时无效。有什么想法吗？

如果我这样做

$.ajax({url: '/json/1/sources', 
    success: function(d){console.log(d)},
    error: function(){
        console.log("error");
        console.log(JSON.stringify(arguments))
    }})

我明白

error
{"0":{"readyState":0,"responseText":"","status":0,"statusText":"error"},"1":"error","2":""}

作为输出

更多信息

当我打开 Javascript 控制台并单击在开发工具打开时禁用缓存时，问题就停止了

Answer 1

所以这就是我必须做的来消除这个随机错误。这可能听起来不科学，但如果有人遇到此错误，这可能会有所帮助。

如果遇到该错误，我只需从 header 中删除 X-Requested-With 键并重试该请求。

if($http.defaults.headers.common['X-Requested-With']){
                delete $http.defaults.headers.common['X-Requested-With'];

 }

事情开始起作用了。就是这样。

我从来没有用过这个标题。所以我不介意删除它。

有时 JavaScript 中确实会发生一些令人毛骨悚然的事情，即使您可能认为自己已经涵盖了所有内容。