183

有人可以简单地解释一下如何让 jQuery 发送实际的 JSON 而不是查询字符串吗?

$.ajax({
    url      : url,
    dataType : 'json', // I was pretty sure this would do the trick
    data     : data,
    type     : 'POST',
    complete : callback // etc
});

这实际上会将您精心准备的 JSON 转换为查询字符串。令人讨厌的事情之一是array: []对象中的任何内容都将转换为array[]: [],这可能是由于查询字符串的限制。

4

4 回答 4

270

您需要JSON.stringify先将您的对象序列化为 JSON,然后指定contentType以便您的服务器理解它是 JSON。这应该可以解决问题:

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});

请注意,该JSON对象在支持 JavaScript 1.7 / ECMAScript 5 或更高版本的浏览器中本机可用。如果您需要旧版支持,您可以使用json2

于 2012-10-02T16:02:46.813 回答
31

不,该dataType选项用于解析接收到的数据。

要发布 JSON,您需要自己对其进行字符串化,JSON.stringify并将processData选项设置为false.

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    processData: false,
    contentType: "application/json; charset=UTF-8",
    complete: callback
});

请注意,并非所有浏览器都支持该JSON对象,虽然 jQuery 有.parseJSON,但它没有包含字符串化;你需要另一个 polyfill 库。

于 2012-10-02T16:05:30.043 回答
5

虽然我知道像 ASP.NET MVC 这样的许多架构都有内置的功能来处理 JSON.stringify 作为 contentType 我的情况有点不同所以也许这可能对将来的某人有所帮助。我知道这会节省我几个小时!

由于我的 http 请求是由来自 IBM(AS400 环境)的 CGI API 在不同子域上处理的,因此这些请求是跨源的,因此是 jsonp. 我实际上是通过 javascript 对象发送我的 ajax。这是我的 ajax POST 示例:

 var data = {USER : localProfile,  
        INSTANCE : "HTHACKNEY",  
        PAGE : $('select[name="PAGE"]').val(), 
        TITLE : $("input[name='TITLE']").val(), 
        HTML : html,
        STARTDATE : $("input[name='STARTDATE']").val(), 
        ENDDATE : $("input[name='ENDDATE']").val(),
        ARCHIVE : $("input[name='ARCHIVE']").val(), 
        ACTIVE : $("input[name='ACTIVE']").val(), 
        URGENT : $("input[name='URGENT']").val(), 
        AUTHLST :  authStr};
        //console.log(data);
       $.ajax({
            type: "POST",
           url:   "http://www.domian.com/webservicepgm?callback=?",
           data:  data,
           dataType:'jsonp'
       }).
       done(function(data){
         //handle data.WHATEVER
       });
于 2016-09-03T19:40:11.843 回答
1

如果您将其发送回 asp.net 并需要 request.form[] 中的数据,那么您需要将内容类型设置为“application/x-www-form-urlencoded; charset=utf-8”

原帖在这里

其次摆脱数据类型,如果您不期望返回,则 POST 将在失败前等待大约 4 分钟。看这里

于 2013-11-21T13:53:15.907 回答