javascript - 捕获 AJAX 调用

Question

我正在开发一个 Firefox 附加组件。它基本上是在浏览器加载后解析 HTML 文档。我能够捕获表单提交、单击链接等事件。但是，当 HTML 页面通过 AJAX 调用静默提交并部分更新时，我无法捕获它们——因此我如何捕获网页 AJAX 请求/附加组件中的响应？

Answer 1

虽然您可以尝试检测 AJAX 调用 - 您真正想要检测的似乎是页面修改。您可以使用 mutation observers (在 Firefox 14 中引入)为此。例如:

var observer = new MutationObserver(onDocumentChange);

// We are interested in elements being added/removed and text changes, not in
// attribute changes however.
var config = { attributes: false, childList: true,
               characterData: true, subtree: true };

// Start observing the content page's document
var doc = gBrowser.contentWindow.document;
observer.observe(doc, config);

每当对内容文档进行更改时，将调用函数 onDocumentChange。