JQuery Post发送表单数据，而不是JSON

Question

想送Json这是我的功能：

var object = ... ;

$.ajax({
      type: 'POST',
      url: '<url>',
      contentType: 'application/json; charset=utf-8',
      dataType: 'json',
      data: object
    });

但每当我检查Chrome时，它总是将其作为查询参数发送：

Request Payload:
startDate=Wed+Dec+19+2012+19%3A00%3A00+GMT-0500+(EST)&endDate=Thu+Dec+20+2012+19%3A00%3A00+GMT-0500+(EST)&

我如何让它作为JSON发送？

Answer 1

我发现用JSON作为这样的字段更容易以默认的“应用程序/x-ww-form-urlencoded”格式发送数据：

$.ajax({
    type: 'POST',
    url: '<url>',
    dataType: 'json',
    data: {json:JSON.stringify(object)}
});

在服务器上使用常规方法接收名为json的字段。

只是想看看这对你是否有效。

Answer 2

使用JSON进行字符串化。字符串化（对象）

修改data字段为：

...
data: JSON.stringify(object),
...

按照您的操作方式，IMO，jQuery将参数视为一个字典（键值对），并从中构造一个百分位编码字符串；因此，您可以看到输出。

Answer 3

使用JSON。字符串化（对象）

样本：

$.ajax({
    type: 'POST',
    url: '<url>',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    data: JSON.stringify(object)
});

请注意JSON。并非所有浏览器都支持stringify(http://caniuse.com/#feat=json），尤其是IE7及更低版本的浏览器。

如果您也需要支持此浏览器，可以使用此Javascript库：https://github.com/douglascrockford/JSON-js