执行 web 方法时页面挂起

Question

我正在使用 ajax-web 方法（使用 json）将数据保存在数据库中并在需要时选择它。现在，每当我调用 web 方法时，在处理该方法时，整个页面都会挂起，并且无法对页面进行任何操作。

我想在从 ajax 调用 web 方法时启用所有功能，例如在 web 方法完成之前显示加载图像。

我的代码如下：

function getvalues(id, tab, pageNo) {
    $.ajax({
        type: "POST",
        url: "default.aspx/LoadData",
        data: "{'id':'" + id + "','tab':'" + tab + "','pageNo':'" + pageNo + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            if (msg.d.length > 0) {
                var dvComment = document.getElementById("Comments");
                dvComment.innerHTML += msg.d;
            }  
        },
        async: true,
        error: function(xhr, status, error) {
            // alert(xhr.statusText);
        }
    });
}

所以现在当它在页面挂起的整个过程中将 html 呈现到 DIV 中时。

Answer 1

要显示加载图像，您可以使用ajaxStart 方法，如下所示：

$("#loading").ajaxStart(function(){
    $(this).show();
});

#loading 在哪里：

<img id="loading" src="images/ajaxload.gif" alt="loading..." style="display:none"/>

隐藏加载图片：

$("#loading").ajaxComplete(function(){
   $(this).hide();
});