JS利用XMLHttpRequest拦截ajax请求

function XMLHttpRequestBreak(fun=()=>false){
    let f = XMLHttpRequest.prototype.open;
	
	let add = function(){
		XMLHttpRequest.prototype.open = function(...args){
			check = fun(args);
			if(check){
				throw check;
			}
			f.apply(this,args)
		}	
	};
	
	let remove = function(){
		XMLHttpRequest.prototype.open = f	
	};
	
	return {add, remove}
}

test = XMLHttpRequestBreak();
test.add()
test.remove()

test = XMLHttpRequestBreak(()=>"123");
test.add()
test.remove()

test = XMLHttpRequestBreak(console.log);
test.add()
test.remove()

  

转载于:https://www.cnblogs.com/413xiaol/p/11209819.html

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
拦截 AJAX 请求,你可以使用 XMLHttpRequest 对象的 onreadystatechange 事件,在该事件的回调函数中处理请求和响应数据。 以下是一个示例代码: ```javascript // 创建一个新的XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 重写XMLHttpRequest的open方法 var open = xhr.open; xhr.open = function(method, url, async) { // 在发送请求之前拦截请求,可以在这里修改URL或请求头等信息 console.log('intercept request:', method, url, async); // 调用原生的open方法 open.call(xhr, method, url, async); }; // 重写XMLHttpRequest的send方法 var send = xhr.send; xhr.send = function(data) { // 在发送请求之前拦截请求体,可以在这里修改请求体的数据格式等信息 console.log('intercept request body:', data); // 调用原生的send方法 send.call(xhr, data); }; // 监听XMLHttpRequest对象的onreadystatechange事件 xhr.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // 在接收到响应后拦截响应数据,可以在这里修改响应数据的格式等信息 console.log('intercept response:', this.responseText); } }; // 发送一个GET请求 xhr.open('GET', '/api/getData', true); xhr.send(); ``` 在上述示例代码中,我们通过重写 XMLHttpRequest 对象的 open 和 send 方法,拦截AJAX 请求,并在请求和响应的各个阶段打印了一些信息。你可以在这些拦截器中添加自己的逻辑,以实现更复杂的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值