将接受标头参数传递给jQueryAJAX

Pass accepts header parameter to jQuery AJAX

本文关键字:参数传递 jQueryAJAX      更新时间:2023-09-26

当我在Chrome控制台中检查以下代码时,它会显示一个请求标头Accept:undefined

jQuery.ajax({
        url: _this.attr('href'),
        accepts: "application/json; charset=utf-8",
        
    });
});

如何将accept类型设置为JSON。我不想设置自定义标头或使用beforeSend

试试这个,

$.ajax({     
  headers: {          
    Accept: "text/plain; charset=utf-8",         
    "Content-Type": "text/plain; charset=utf-8"   
  },
  data: "data",    
  success : function(response) {  
    // ...
  }
});

请参阅此帖子以供参考:

无法使用jQuery 正确设置Accept HTTP标头

已修复:属性列表后未捕获的SyntaxError:缺少}

有两种设置接受标头的替代方法,如下所示:

1) setRequestHeader('Accept','application/json; charset=utf-8');
2) $.ajax({
    dataType: ($.browser.msie) ? "text" : "json",
    accepts: {
        text: "application/json"
    }
});

在最新版本的jQuery中,将"dataType"设置为适当的值也会设置accepts头。例如,dataType: "json"将接受标头设置为Accept: application/json, text/javascript, */*; q=0.01

其他答案并没有回答实际问题,而是提供了解决方案,这很遗憾,因为实际上需要10秒才能弄清楚accepts参数的正确语法。

accepts参数采用将dataType映射到Accept报头的对象。在您的情况下,甚至不需要传递accepts对象,因为将数据类型设置为json就足够了。但是,如果您确实想配置自定义Accept标头,您可以这样做:

accepts: {"*": "my custom mime type" },

我怎么知道?打开jquery的源代码并搜索"accepts"。第一个发现告诉你需要知道的一切:

    accepts: {
        "*": allTypes,
        text: "text/plain",
        html: "text/html",
        xml: "application/xml, text/xml",
        json: "application/json, text/javascript"
    },

如您所见,是到texthtmlxmljson数据类型的默认映射。

试试这个:

$.ajax({
        beforeSend: function (xhr){ 
        xhr.setRequestHeader("Content-Type","application/json");
        xhr.setRequestHeader("Accept","text/json");
    }, 
    type: "POST",
    //........
});

尽管其中一些是正确的,但我发现之前的响应非常混乱。与此同时,OP要求提供一个不设置自定义标头或不使用beforeSend的解决方案,所以我一直在寻找更清晰的解释。我希望我的结论能为其他人提供一些启示。

代码

jQuery.ajax({
    .... 
    accepts: "application/json; charset=utf-8",
    ....
});

不起作用,因为根据jQuery文档,accepts必须是PlainObject(而不是String)(https://api.jquery.com/jquery.ajax/)。具体地说,jQuery期望零个或多个键值对将每个dataType与它们可接受的MIME类型关联起来。所以我最后使用的是:

jQuery.ajax({
    ....
    dataType: 'json',
    accepts: {
        json: 'application/json'
    },
    ....
});

您已经将accepts参数标识为您想要的参数,keyur正确地向您展示了设置它的正确方法,但如果您将DataType设置为"json",则它将根据jQuery引用自动将accept的默认值设置为您需要的值。所以你只需要:

jQuery.ajax({
    url: _this.attr('href'),
    dataType: "json"
});

我使用jQuery.getJSON( url [, data ] [, success( data, textStatus, jqXHR ) ] )例如:

var url="my.php";
$.getJSON( url, myObj )
.done(function( json ) { ... }) /* got JSON from server */
.fail(function( jqxhr, textStatus, error ) {
    var err = textStatus + ", " + error;
    console.log( "Failed to obtain JSON data from server: " + err );
  }); /* failed to get JSON */

getJSON是的简写

$.ajax({
  dataType: "json",
  url: url,
  data: data,
  success: success
});