0

我在使用 jQuery 的 Web 应用程序中工作，我对 JSON 格式感到困惑。对于服务器，我使用的是宁静的 Json Server。

问题是不知道是什么问题。错误是我发布到服务器的 Json 格式（使用 Ajax 的 HTTP POST）似乎不正确。我将尝试逐步解释这一点。

Json Server（位于http://localhost:3000/db）的初始情况是：

{
   "userRecipes": []
}

现在，我创建一个 Json 对象，如下所示：

var example2json = {
    "description":"some desc",
    "trigger":{
        "triggerType":"exampleType",
        "field1":"something1",
        "field2":"something2",
        "field3":"something3"
    }
};

并将这个虚构对象发送到服务器三次：

$.ajax({
    method: "post",
    url: "http://localhost:3000/userRecipes",
    data: example2json,
    dataType: "json",
    success: function(response) {
        $('#recipedDescriptionModal').modal('hide');
        url = "#SuccessRepice";
        window.location.replace(url);

    }
});

在此之后，Json 服务器状态结果为：

{
  "userRecipes": [
    {
      "description": "some desc",
      "trigger[triggerType]": "exampleType",
      "trigger[field1]": "something1",
      "trigger[field2]": "something2",
      "trigger[field3]": "something3",
      "id": 1
    },
    {
      "description": "some desc",
      "trigger[triggerType]": "exampleType",
      "trigger[field1]": "something1",
      "trigger[field2]": "something2",
      "trigger[field3]": "something3",
      "id": 2
    },
    {
      "description": "some desc",
      "trigger[triggerType]": "exampleType",
      "trigger[field1]": "something1",
      "trigger[field2]": "something2",
      "trigger[field3]": "something3",
      "id": 3
    }
  ]
}

为什么 Json 格式会发生变化？当我想访问一个字段时，我必须这样做：

console.log(JSON.stringify(response.data.userRecipes[1]["trigger[triggerType]"]));

但我会这样做：

console.log(JSON.stringify(response.data.userRecipes[1].trigger.triggerType));

我肯定会在某个地方出错，但不知道在哪里。

我唯一的怀疑是我错误地创建了 Json（一些嵌套在数组元素中的对象）或者我不知道这个 Json 服务器的某些内容。

4

1 回答 1

0

问题解决了。必须指定 POST 内容的类型：

contentType: 'application/json; charset=UTF-8',

所以，从这里：

$.ajax({
    method: "post",
    url: "http://localhost:3000/userRecipes",
    data: example2json,
    dataType: "json",
    success: function(response) {
        $('#recipedDescriptionModal').modal('hide');
        url = "#SuccessRepice";
        window.location.replace(url);

    }
});

对此：

$.ajax({
    method: "post",
    url: "http://localhost:3000/userRecipes",
    data: example2json,
    contentType: 'application/json; charset=UTF-8', //This is the money shot ✅
    success: function(response) {
        $('#recipedDescriptionModal').modal('hide');
        url = "#SuccessRepice";
        window.location.replace(url);

    }
});

就我而言，我将这两个字段dataType与contentType.

该dataType字段用于指定响应的数据格式。

contentType用于指定请求的数据格式。

于 2016-08-13T09:46:50.680 回答