我看了下面的帖子
然而,我找不到明确的答案,我在寻找问题的根源时遇到了严重的困难,所以我在这里发帖,希望有人可以指出我正确的方向.
在我的代码中,我正在执行一个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请求的另一种方式?可能同时发送谷歌分析事件干扰?
任何建议都会很棒,如果您想了解有关该问题的更多信息,请告诉我.