Question

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

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

使用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);

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

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

0 个答案: