javascript - XMLHttpRequest:需要使用来自 ajax 的成功和错误函数

Question

当单击上传按钮时，我运行了这个 ajax post 函数，文件被上传到服务器，服务器发现任何错误，如果有错误，它会通过 req.end( ); 函数。问题是，从那时起，我已经转移到 XMLHttpRequest()(使用它提供的 onprogress 函数)，但我仍然需要使用来自 ajax 的那些成功和错误函数。有没有办法通过 XMLHttpRequest 以某种方式使用它们？谢谢!

这是我目前的代码:

var xhrVideo = new XMLHttpRequest();
xhrVideo.open('POST', '/uploadVideo', true);
xhrVideo.upload.onprogress = function(e) {
  if (e.lengthComputable) {
    $('.videoProgress').html(((e.loaded / e.total) * 100).toFixed(0)+'%');
  }
};
var videoForm = new FormData($('.videoUploadForm')[0]);
xhrVideo.send(videoForm);

以及ajax代码:

var videoData = new FormData($('.videoUploadForm')[0]);
$.ajax({
  url: '/uploadVideo',
  type: 'POST',
  data: videoData,
  cache: false,
  contentType: false,
  processData: false,
  mimeType:"multipart/form-data",
  success: function(data){
    switch(data){
      case '1':
        alert('Wrong Video File Extension');
        break;
      case '2':
        alert('Wrong Image File Type');
        break;
    }
  },
  error: function(data){
    alert('Something went wrong! Please reload this page')
  }
});

Answer 1

为 load 和 error 事件使用监听器。

为成功事件添加监听器的示例。

xhrVideo.addEventListener('load', function(e) {

注意:监听器必须在send()函数之前添加

此外，我建议您阅读整个 article关于使用 XMLHttpRequest()。