XMLHttpRequest的异步调用阻止了Jquery ajax调用

Question

我想创建Async模型，其中用户可以使用XMLHttpRequest对象上传文件，同时如果用户导航到包含jquery ajax调用的其他功能，则用户被阻止。

我不希望在上传文件时被用户阻止 请参考以下代码。

1. 使用XMLHttpRequest上传文件。

               var formdata = new FormData();
               formdata.append("keywords", this.element.find('#keywords1').val());
               var xhr = new XMLHttpRequest();
               // controller call
               xhr.open('POST', '../../Controller/function', true);
               xhr.onreadystatechange = function (event) {
                   if (xhr.readyState === 4) {
                       if (xhr.status === 200) {
   
                       } 
                       }
                   }
               }
               xhr.upload.addEventListener("progress", function (evt) {
                   widget._trigger("onProgressStatus", evt, obj);
               }, false);
               xhr.send(formdata);
   

2. Jquery ajax call

           $.ajax({
           type: "POST", 
           url: Controller call,
           headers: headers,
           async: true,
           data: (objConfig.data != undefined) ? objConfig.data : {},
           cache: true,
           contentType:'application/x-www-form-urlencoded',
           timeout: 30000,
   
           success: function (data) {
             }
           },
           error: function (data, textStatus, jqXHR) {
           }
       });
   

我们正在使用MVC4，Jquery和javascript。

谢谢， Anish Jain