0

私のチームは現在、jQuery を取り除こうとしています。すべてのセレクターを取り除くことができ、ajax 呼び出しからそれをリファクタリングする過程にありますが、ajaxStart および ajaxStop 関数を再作成しようとしています。

SuperAgent のドキュメントを調べましたが、これに相当するものを見つけることができません。SuperAgentでこれに似たものを知っている人はいますか、イベントリスナーなどでこれを再現する方法を知っていますか?

私の代替手段は、表示の変更を各リクエストに直接追加することですが、これは避けたい200行ほどです。

window.onload = function() {
  $(document)
  .ajaxStart(function(){
    document.getElementById('ajaxSpinner').style.display = 'block';
  })
  .ajaxStop(function(){
    document.getElementById('ajaxSpinner').style.display = 'none';
  });
}

編集:コードベースで受け入れられた回答を使用する方法を理解しました。選択した回答のコードを、SuperAgent を使用する場合に必要な独自のモジュールに移動しました。各呼び出しに .use(Module.stats) を含めています。これまでのところ、このソリューションは機能しているように見えますが、クロス ブラウザー テストはまだ開始していません。ご協力いただきありがとうございます!

Edit2: 場合によっては、アプリを再構築する必要がありました。受け入れられた回答は、最新バージョンの SuperAgent では機能しないため、バージョン 1.7.2 にロールバックする必要がありました。

4

1 に答える 1