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

浏览数：55 / 时间：2015年06月09日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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