純JavaScript中的ajaxComplete

Question

我正在使用內容腳本構建一個Chrome擴展。

我有一段代碼，它在使用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。見https://developer.chrome.com/extensions/webRequest

---

您可以覆蓋，使AJAX請求，如XMLHttpRequest.prototype.send添加自己的負載事件偵聽器所需要的現有方法之一。例如

(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。