jquery - jQueryのAjaxには.NETのLoadingElementIdのようなものがありますか

Question

.NETのAjaxヘルパーにはLoadingElementId：Stringプロパティがあり、リクエストの完了にかかる時間に表示されるDOM要素のIDを取得および設定します。

jQueryのAjaxツールキットを介して送信されたフォームに「処理中」スピナーを実装する最も簡単な方法を探しています。

mny thx

Answer 1

.ajaxのbeforeSubmit＆completeイベントを使用します。

すべての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(); });