要 Hook XMLHttpRequest (XHR) 的 send 函数，可以使用 JavaScript 重写 XHR 的原型方法。通过这种方式，你可以在调用 send 方法时插入自己的逻辑，比如记录请求参数、修改请求体或添加额外的处理。
以下是一个示例，展示了如何 Hook xhr.send 方法：
(function() {// 保存原始的 send 函数const originalSend = XMLHttpRequest.prototype.send;// 重写 send 方法XMLHttpRequest.prototype.send = function(body) {// 在这里插入你想要的逻辑console.log('XHR Send Called');// 记录请求体内容（如果有的话）if (body) {console.log('Request Body:', body);}// 调用原始的 send 函数以保持正常功能originalSend.call(this, body);};})();
说明：
- 自执行函数：整个代码包裹在一个自执行函数中，以避免全局作用域污染。
- 保存原始 send 函数：我们首先将
XMLHttpRequest.prototype.send的原始实现保存到变量originalSend中，以便后续调用。 - 重写 send 方法：然后，我们定义新的
send方法，其中可以添加任何需要执行的逻辑，例如打印日志或修改请求数据。 - 调用原始方法：最后，我们使用
originalSend.call(this, body)来确保原有功能不被破坏，继续发送请求。
注意事项：
- 此代码会影响页面上所有使用 XHR 发起的网络请求，因此请谨慎使用，并确保不会对应用程序造成不必要的影响。
- 如果有多个不同地方需要 Hook，可能需要更复杂的方法来区分不同类型的请求或进行条件判断。
内容由零声教学AI助手提供，问题来源于学员提问
