我可以从ajax请求中删除X-Requested-With标头吗？

Question

我想知道是否有人有尝试从 jquery（或纯 JS）发出的 ajax 请求中删除“X-Requested-With”标头的经验。是否可以？

第二部分：你知道油脂猴的ajax请求是否设置了这个头吗？

感谢

标题如下所示：

X-Requested-With XMLHttpRequest

Answer 1

@vamp 提出的在 jQuery 中删除标头的解决方案是正确的，但正如其他人所说，它仍然会导致发送空的 X-Requested-With 标头。

beforeSend 回调接收 jQuery 的 XHR 对象 (jqXHR)，而不是实际的 XMLHttpRequest 对象 (xhr)，该对象直到调用 beforeSend 后才被实例化。

jqXHR 中的 setRequestHeader 方法将标头添加到对象中，然后在将 X-Requested-With 条目添加到标头对象之后，稍后使用同名的 xhr 方法对该对象进行迭代。

这是 jQuery 中发生这种情况的部分：

if ( !options.crossDomain && !headers["X-Requested-With"] ) {
    headers["X-Requested-With"] = "XMLHttpRequest";
}

for ( i in headers ) {
    xhr.setRequestHeader( i, headers[ i ] );
}

这会导致问题：如果您不指定 X-Requested-With 标头，那么 jQuery 会指定（除非 crossDomain 设置评估为 false，但这可能不是所需的解决方案） 。然后它立即设置 xhr 标头，该标头无法取消设置。

---

为了防止使用 jQuery.ajax 发送 X-Requested-With 标头：

jQuery.ajax 提供了一个设置 xhr，它会覆盖 jQuery 用于创建 XMLHttpRequest 对象的内置工厂方法。通过包装此工厂方法，然后包装浏览器的本机 setRequestHeader 方法，可以忽略来自 jQuery 的用于设置 X-Requested-With 标头的调用。

jQuery.ajax({

    url: yourAjaxUrl,

    // 'xhr' option overrides jQuery's default
    // factory for the XMLHttpRequest object.
    // Use either in global settings or individual call as shown here.
    xhr: function() {
        // Get new xhr object using default factory
        var xhr = jQuery.ajaxSettings.xhr();
        // Copy the browser's native setRequestHeader method
        var setRequestHeader = xhr.setRequestHeader;
        // Replace with a wrapper
        xhr.setRequestHeader = function(name, value) {
            // Ignore the X-Requested-With header
            if (name == 'X-Requested-With') return;
            // Otherwise call the native setRequestHeader method
            // Note: setRequestHeader requires its 'this' to be the xhr object,
            // which is what 'this' is here when executed.
            setRequestHeader.call(this, name, value);
        }
        // pass it on to jQuery
        return xhr;
    },

    success: function(data, textStatus, jqXHR) {
        // response from request without X-Requested-With header!
    }

    // etc...

});

Answer 2

为什么不呢？
尝试：

(function(){
    $.ajaxSettings.beforeSend=function(xhr){
        xhr.setRequestHeader('X-Requested-With', {toString: function(){ return ''; }});
    };
})(jQuery);

祝你好运！

Answer 3

要使用 jQuery 执行此操作，请将您的请求设置为跨域。示例：

server.php

<?='<pre>'.print_r($_SERVER,1);?>

client.js

$.ajax({ url: 'server.php', crossDomain: true }).success(function(r){document.write(r)})

Answer 4

“第二部分：你知道油猴的ajax请求是否设置了这个标头吗？”

不，Greasemonkey 的 GM_xmlhttpRequest() 不会设置此标头（尽管您可以当然要加上）。

GM_xmlhttpRequest() 发出的默认请求看起来就像普通的浏览器请求。
例如：

GM_xmlhttpRequest
({
    method:     "GET",
    url:        "http://google.com/",
    onload:     function(response) {alert(response.responseText); }
});

---

对于我的数据包嗅探器来说，看起来像这样：

GET / HTTP/1.1
    Request Method: GET
    Request URI: /
    Request Version: HTTP/1.1
Host: google.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: UTF-8,*
Keep-Alive: 115
Connection: keep-alive
Cookie: blah, blah, blah, blah, blah...

Answer 5

jQuery 目前没有公开执行此操作的方法，不久前有一张票< /a> 与 Firefox 错误相关，但他们没有将其作为一个选项，而是修复了 Firefox 中的错误问题。

如果您好奇，您可以看到它在此处添加的位置，但如果不编辑/覆盖 jQuery 核心，则无法删除它： http://github.com/jquery/jquery/blob/master/src/ajax.js#L370

Answer 6

你可以考虑这个：

$.ajax({
  url: 'http://fiddle.jshell.net/favicon.png',
  beforeSend: function( xhr ) {
    xhr.setRequestHeader('X-Requested-With', {toString: function(){ return ''; }});
  },
  success: function( data ) {
    if (console && console.log){
      console.log( 'Got data without the X-Requested-With header' );
    }
  }
});