ajax 返回代码0,Ajax文件上传返回状态代码0就绪状态0(仅在有时)

我看了下面的帖子

然而,我找不到明确的答案,我在寻找问题的根源时遇到了严重的困难,所以我在这里发帖,希望有人可以指出我正确的方向.

在我的代码中,我正在执行一个Angular HTTP帖子,它只发送基本的JSON数据,然后在成功回调中我使用AJAX将文件上传到同一个服务器.(我知道我不应该使用jQuery和Angular但是我暂时无法改变它)

它看起来像这样

var deferred = $q.defer()

// first post

$http.post(url,payload,{params: params, headers: headers)

.then(function(response) {

uploadFiles(response,deferred);

// I am also sending google analytics events here

}, function(error) {

// do error stuff

}

return deferred.promise;

// upload files function

function uploadFiles(response,deferred){

$ajax({

type: 'POST',

processData: false,

contentType: false,

data: data // this new FormData() with files appended to it,

url: 'the-endpoint-for-the-upload',

dataType: 'json',

success: function(data) {

// do success stuff here

deferred.resolve(data);

},

error: function(jqXHR, textStatus, errorThrown) {

var message = {};

if (jqXHR.status === 0) {

message.jqXHRStatusIsZero = "true";

}

if (jqXHR.readyState === 0) {

message.jqXHRReadyStateIsZero = "true";

}

if (jqXHR.status === '') {

message.jqXHRStatusIsEmptyString = "true";

}

if (jqXHR.status) {

message.jqXHRStatus = jqXHR.status;

}

if (jqXHR.readyState) {

message.jqXHRReadyState = jqXHR.readyState;

}

if (jqXHR.responseText) {

message.jqXHR = jqXHR.responseText;

}

if (textStatus) {

message.textStatus = textStatus;

}

if (errorThrown) {

message.errorThrown = errorThrown;

}

message.error = 'HTTP file upload failed';

logError(message);

deferred.resolve(message);

}

}

})

}

不是我的确切代码,但几乎完全相同.

问题是几乎所有时间都有效,但每隔几百个中就有三四个会失败.失败我的意思是在文件上传功能上调用错误处理函数,并且不上传文件.

发生这种情况时,我得到jqXHRStatus 0和jqXHRReadyState 0.

我能够复制问题的唯一方法是在处理请求时点击浏览器上的刷新,但是用户已经建议他们不这样做(尽管必须100%确认这一点)

在我的代码中是否存在严重缺陷,我没有看到？也许传递延迟变量不是很好的做法？或者我正在考虑取消ajax请求的另一种方式？可能同时发送谷歌分析事件干扰？

任何建议都会很棒,如果您想了解有关该问题的更多信息,请告诉我.