javascript - 如何检测 Facebook 上的 ajax 调用

Question

我想开发一个 chrome 扩展来替换 facebook 上的一些文本，但是一旦用户滚动 ajax 就会出现，所以新的 ajax 加载的文本不会发生变化。我尝试 on() 绑定(bind)但失败。所以我每次都在想，如果有ajax，我会再次触发我的事件。

但是我找不到任何方法来检测使用 jquery 的页面中发生的 ajax :(

我试过了

$('body').on(function(){
    if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
        /* special ajax here */
        alert('test');
    }
});

不工作

Answer 1

要检测网页上的 AJAX 调用，您必须直接在该页面中注入(inject)代码，然后调用 .ajaxStart 或 .ajaxSuccess

示例:

// To Successfully Intercept AJAX calls, we had to embed the script directly in the Notifications page
var injectedCode = '(' + function() {
    $('body').ajaxSuccess(function(evt, request, settings) {
        if (evt.delegateTarget.baseURI == 'URL to check against if you want') {
            // do your stuff
        }
    });
} + ')();';
// Inserting the script into the page
var script = document.createElement('script');
script.textContent = injectedCode;
(document.head || document.documentElement).appendChild(script);
script.parentNode.removeChild(script);