ajaxComplete in pure JavaScript

Question

コンテンツスクリプトを使用してクロムエクステンションを構築しています。

jQueryを使用してページ上のすべてのajaxリクエストが成功すると、DOM要素を挿入するコードがあります。 jQueryなしでこれをどのように再現できますか？ ページ上のAjaxリクエストを変更することはできません。

if(window.jQuery){ 
jQuery(document).ajaxComplete(function(event, xhr, settings) { 
    for(var i =0; i< $jq('div.handwave').length; i++){ 
     if($($('div.handwave')[i]).children('.done').length < 1){ 
      $(document).find('div.handwave').eq(i).append(wind); 
     } 
    } 
}); 
} 

これは可能ですか？

Answer 1

更新

あなたはChromeの拡張機能を書いている場合は、おそらくchrome.webRequest APIを使用する必要があります。あなたがあなた自身の負荷イベントリスナーを追加するには、このようなXMLHttpRequest.prototype.sendとしてAJAX要求を行うために必要な既存の方法のいずれかをオーバーライドすることができhttps://developer.chrome.com/extensions/webRequest

---

参照してください。たとえば、

(function() { 
    const send = XMLHttpRequest.prototype.send 
    XMLHttpRequest.prototype.send = function() { 
     this.addEventListener('load', function() { 
      console.log('global handler', this.responseText) 
      // add your global handler here 
     }) 
     return send.apply(this, arguments) 
    } 
})() 

コメントに記載されているとおり、これはfetch APIをカバーしません。