如何拦截或修改原生ajax请求

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/lovebing/blog/393784