ajax怎么屏蔽原生请求,如何拦截或修改原生ajax请求

使用原生XMLHttpRequest扩展beforeSend功能
当不使用jQuery时,若需在Ajax请求前进行操作,可以通过扩展XMLHttpRequest对象实现。博客中展示了如何通过原型链重写`open`方法,添加一个`beforeXMLHttpRequestSend`全局函数,允许在发送请求前修改请求参数,如改变HTTP方法、URL或同步设置。这种方法为原生Ajax请求提供了类似于jQuery的beforeSend功能。

jQuery已经实现了各种 ajax 事件,如 beforeSend 等,但原生的 XMLHttpRequest 并没有这种事件。在没有用 jQuery的情况下,如果想修改 ajax 请求,得做一些特殊的处理。以下是我处理的方法:

XMLHttpRequest.prototype._open = XMLHttpRequest.prototype.open;

XMLHttpRequest.prototype.open = function(method, url, async) {

// 用对象便于修改参数

var options = {

method: method,

url: url,

async: async

};

if('function' === typeof window.beforeXMLHttpRequestSend) {

if(!window.beforeXMLHttpRequestSend(this, options)) {

return;

}

}

this._open(options.method, options.url, options.async);

};

window.beforeXMLHttpRequestSend = function(xhr, options) {

//重置参数

options.url = 'reset url';

options.method = 'PUT';

options.async = false;

//禁止发送请求

//return false;

//发送请求

return true;

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值