如何拦截或修改原生ajax请求
博客专区 > lovebing 的博客 > 博客详情
如何拦截或修改原生ajax请求
lovebing 发表于3年前
如何拦截或修改原生ajax请求
  • 发表于 3年前
  • 阅读 1426
  • 收藏 8
  • 点赞 0
  • 评论 3

【腾讯云】新注册用户域名抢购1元起>>>   

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;    
};



  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 12
博文 13
码字总数 3273
评论 (3)
zigzagroad
这个新方法加在window上范围太大了吧
lovebing

引用来自“yaray”的评论

这个新方法加在window上范围太大了吧
不大,因为我是要对不特定的请求修改请求地址
请叫我赵小宝
还是喜欢用jquery
×
lovebing
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: