page hanged when web method is executes

See more:

ASP.NET

Ajax

jQuery

JSON

, +

Hi,

I am working on ajax-webmethod(using json) to save data in Db and select it when needed. now whenever I call the webmethod the time it processes the method the whole page is hanged and nothing can be done with the page.

I want to enable every thing when the web method is called from ajax like it show a loading image until the process executes the web method.

my code is below:

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);
        }
    });
}

so now when it renders the html into the DIV the whole time the page is hanged.