javascript - 是否可以在每次向服务器发出请求之前调用 Javascript 函数？

Question

我在本地存储中有一些内容。每次通过调用类似 (xhr.setRequestHeader('custom-header', 'value');) 向服务器发出请求时，我都想在 http header 中发送它。我希望自动调用它，而不是在每次请求之前调用执行此任务的函数。

Answer 1

这可以通过覆盖 send 轻松完成。方法:

// save the real `send`
var realSend = XMLHttpRequest.prototype.send;

// replace `send` with a wrapper
XMLHttpRequest.prototype.send = function() {
    this.setRequestHeader("X-Foobar", "my header content");

    // run the real `send`
    realSend.apply(this, arguments);
}

这变成了 XMLHttpRequest.prototype.send进入一个执行一些任意操作的函数(这里，在 X-Foobar 实例上设置 XMLHttpRequest 请求 header )，然后使用真正的 send 执行实际的 Ajax 请求方法。