控制器响应时显示JavaScript加载程序

Question

嗨，我有一个JQuery函数，它在Controller Response（success（））正在加载iFrame时调用控制器。 基本上; 转换器在30秒后返回成功功能，因此我正尝试使用

beforeSend: function()
{
}, 

功能我尝试了很多，但是没有用； 您能给我建议我如何实现它。 我的代码如下：

    var callController = function (FirstName, documentId, fileName, packet) {
    $.ajax({
        type: "POST",
        url: "http://localhost:63902/Home/Preview?DocumentId=" + documentId + "&FileName=" + fileName + "&packet=" + packet,
        cache: false,
        async: false,

        //controller happens...

        success: function (returnedValue) {
            rememberDocumentId(documentId);
            location.reload("#mainIframe");
            setTimeout(function () {

            }, 3000);

            document.getElementById("mainIframe").style.display = "none";
            document.getElementById("documentIframe").style.display = "block";
            document.getElementById("documentIframe").src = "http://localhost:63902/FileProcessing/PDFProcessing/TempPDF/" + returnedValue;

            event.preventDefault();
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(jqXHR + " " + textStatus + " " + errorThrown);
        }
    });

};

Answer 1

您可以在$.ajax({...})之前或之后显示加载程序，但永远不要使用async:false ，这是邪恶的根源 ，它将在请求未成功执行时冻结浏览器。

像这样：

var callController = function (FirstName, documentId, fileName, SL) {
//here
showLoader();
$.ajax({
    type: "POST",
    url: "http://localhost:63902/Home/Preview?DocumentId=" + documentId + "&FileName=" + fileName + "&SL=" + SL,
    cache: false,

    //controller happens...

    success: function (returnedValue) {
        rememberDocumentId(documentId);
        location.reload("#mainIframe");
        setTimeout(function () {

        }, 3000);

        document.getElementById("mainIframe").style.display = "none";
        document.getElementById("documentIframe").style.display = "block";
        document.getElementById("documentIframe").src = "http://localhost:63902/FileProcessing/PDFProcessing/TempPDF/" + returnedValue;
       //hide Here
        hideLoader();
    },
    error: function (jqXHR, textStatus, errorThrown) {
        alert(jqXHR + " " + textStatus + " " + errorThrown);
        //hide Here
        hideLoader();
    }
});
}