重写XMLHttpRequest's发送方法
Overriding XMLHttpRequest's send method
我正试图通过重写XMLHttpRequest.send
函数来记录(稍后修改)XMLHttpRequest
发送到服务器的数据。
我的函数将数据正确地记录到控制台,但请求没有完成,因此浏览器会无限期地等待响应。
你知道代码出了什么问题吗?
XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
var newSend = function(vData) { console.log("data: " + vData); realSend(vData); };
XMLHttpRequest.prototype.send = newSend;
您忘记了this
:
this.realSend(vData);
然而,您不需要在原型中添加新方法:
var send = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(data) {
send.call(this, data);
}
使用闭包,您还可以避免流氓变量:
!function(send){
XMLHttpRequest.prototype.send = function (data) {
send.call(this, data);
}
}(XMLHttpRequest.prototype.send);
XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
// here "this" points to the XMLHttpRequest Object.
var newSend = function(vData) { console.log("data: " + vData); this.realSend(vData); };
XMLHttpRequest.prototype.send = newSend;
假设要更改的数据是一个JSON字符串,您可以编写这样的拦截器:
// Closure to contain variables and ! to avoid possible concatenation issues with other codes.
!function(){
XMLHttpRequest.prototype._original_send = XMLHttpRequest.prototype.send;
let interceptor_send = function(data){
try {
// Adding data to the JSON string,
// translating in JSON object to validate it's content and add an attribute.
obj = JSON.parse(data);
obj._custom_added_data = 'Your data';
let new_data = JSON.stringify(obj);
this._original_send(new_data);
}
catch(err) {
// In case the payload was not a JSON string,
// do not add anything and send the original payload.
this._original_send(data);
}
};
XMLHttpRequest.prototype.send = interceptor_send;
}();
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 数组在递归方法中设置为null
- 打破承诺链的好方法是什么
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 使用“;这个“;JavaScript原型方法中的关键字
- 序列化数据属性中对象的最可靠方法
- 使用Objective-C的JavaScript注入方法
- 有没有一种方法可以添加相同的项目val=“0”;4〃;到JavaScript中数组的每个对象
- 有没有一种方法可以防止img get请求使用css或js发生
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- toBoolean方法类似于toString
- 如何在单击复选框后调用控制器方法
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- 递归使用 eval() 是检查程序执行的好方法吗?
- 如何在webView,Android中从@JavascriptInterface方法调用Javascript
- toLocaleDateString和toLocaleString方法不尊重机器时区
- 有条件更新d3.js力图中节点的最佳方法
- TypeError:在不兼容的接收器nodejs上调用了方法Uint8Array.length
- jQuery插件-从插件中调用公共方法