Ajax 的拦截与替换

对于有些网站,想要执行某些操作通过js来执行会比较方便些,但是有些操作涉及事件触发请求,而这些请求的回调操作是渲染页面,此时我们肯定是不想自己来执行渲染操作,可事件的触发又比较麻烦,所以我们此时就需要采取一些非常规手段了,下面开始直接说方法:
所有框架的请求最终都要通过原生的js来执行,所以我们就直接修改原生的js请求,对其添加过滤然后我们就可以偷梁换柱来达到想要的效果了,下面上代码:

(function(st, et){
    window.st = st;		// 此处以修改某个get请求参数中的日期为例
    window.et = et;
    var gwXHR = window.XMLHttpRequest;
    var gwXHRProto = window.XMLHttpRequest.prototype;
    var gwXHRProtoSend = window.XMLHttpRequest.prototype.send;
    var gwXHRProtoOpen = window.XMLHttpRequest.prototype.open;

    if(!window.initOnce) {
        window.initOnce = true;

        Object.defineProperty(window, 'XMLHttpRequest', {
            enumerable: true,
            configurable: true,
            get: function(){			// 重定义get请求
                return function(){
                    var gwXHRIns = null;
                    console.log('get XMLHttpRequest');
                    gwXHRIns = new gwXHR();

                    var islist=false;
                    gwXHRIns.open = function(){
                        var requrl = arguments[1];
                        // console.log('==============requrl:', requrl);
                        if(/xxxxxxxx\/recallReport\/list/i.test(requrl)) {      // 使用正则过滤每个请求,对匹配到的请求执行如下修改
                            requrl = requrl.replace(/^(.*)(startDate=)([^\&]*)(\&endDate=)([^\&]*)(.*)$/i, function(m, m1, m2, m3, m4, m5, m6){ 
                                return m1+m2+(window.st.replace(/\//ig,''))+m4+(window.et.replace(/\//ig,''))+m6; 	// 修改为自定义的日期
                            });
                            //requrl = requrl.replace(/^(.*)(startDate=)([^\&]*)(\&endDate=)([^\&]*)(&platForm=)([^\&]*)(&codeIds=)([^\&]*)(.*)$/i, function(a, a1, a2, a3, a4, a5, a6, a7, a8, a9, a0){
                            //    return a1 + a2+ (window.st.replace(/\//ig,'')) + a4 + (window.et.replace(/\//ig,'')) + a6 +'platform' + a8 + 'codeIds' + a0
                            //});
                            arguments[1] = requrl;
                            console.log(arguments);
                        }
                        gwXHRProtoOpen.apply(this, arguments);
                    };

                    return gwXHRIns;
                };
            }
        });
    }

    setTimeout(function(){
    	// 手动触发onchange事件
        document.querySelector('.el-button--primary').click();
    }, 300);
 })('2019/03/01', '2019/03/31');

此处较容易才坑的点,由于替换原生请求,所以一般只能执行一次,再次执行的时候需要刷新页面才行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值