jQuery的Ajax是否具有類似於.NET的LoadingElementId

Question

.NET的Ajax助手具有LoadingElementId：String屬性，獲取並設置要在完成請求所需的時間內顯示的DOM元素的ID。

尋找實現通過jQuery的Ajax工具包提交的表單的'In Process'微調器的最簡單方法。

MNY THX

Answer 1

使用阿賈克斯的beforeSubmit &完整的事件。

如果您希望爲所有ajax調用執行此操作，則可以使用全局ajaxStart和ajaxComplete事件，而不是每次都聲明它。

$.ajax({ 
    url: "test.html", 
    beforeSubmit : showSpinner, 
    complete : hideSpinner, 
    cache: false, 
    success: function(html){ 
    $("#results").append(html); 
    } 
}); 

function showSpinner(){ 

    $('#someElement').show(); 

} 

function hideSpinner(){ 

    $('#someElement').hide(); 

} 


//Using global ajax events 

$.ajaxStart(showSpinner); 
$.ajaxComplete(hideSpinner); 

Answer 2

jQuery有很多ajaxEvents。您可以將元素的可見性綁定到這些元素。

$.ajaxStart(function(){ showLoading(); }); 
$.ajaxComplete(function(){ hideLoading(); });