javascript - 如何根据我创建和填写的容器的 ID 生成 JSON 对象

Question

问题:我的 JSON 不实用，我只是觉得我会遇到问题(已经遇到了)。正如您所看到的，我的 JSON 看起来很奇怪，但不知何故它是有效的 JSON(使用 JSONLint 检查)。我的输入字段位于具有自己唯一 ID 的容器中(它们会递增)。我想知道是否可以将插入输入字段的数据一起发送，这样当我获取它时，它会保持在一起。

我的 JSON 现在的样子:

{
"main_object": {
    "id": "new",
    "formData": {
        "language": "nl_NL",
        "getExerciseTitle": "ExampleForStackOverflow",
        "question_takeAudio_exerciseWord[0": "ExampleForStackOverflow",
        "Syllablescounter[0": "Example",
        "Syllablescounter[1": "Example1",
        "question_takeAudio_exerciseWord[1": "SecondExampleForStackOverflow",
        "Syllablescounter[2": "Second",
        "Syllablescounter[3": "Example"
    }
  }
}

我正在寻找并希望实现的目标:来源:Luiz Carloz(非常感谢)。

{ "main_object": 
  {
  "id": "new",
  "formData": [
    {
        "language": "nl_NL", 
        "getExerciseTitle": "ExampleForStackOverflow",
        "Word": "ExampleForStackOverflow", 
        "Syllables":["Example", "Example1"]
    },
    {
        "Word": "SecondExampleForStackOverflow",
        "Syllables": ["Second", "Example"]
    }
]
   }
 };

https://jsfiddle.net/StackOverflowAccount/sa2eowhh/我有一把 fiddle ，所以你可以明白我的意思。当您单击绿色 + 按钮时，它会添加整个字段。这是一个具有 ID 的容器，我试图在 JSON 文件中保留具有相同 ID 的所有内容，因此当我将其获取到前端时，它“知道”哪些音节是练习词的一部分。

我有一个 ajax 调用，我认为它会导致我的 JSON 文件看起来像我现在所拥有的。

我的ajax调用:

 function saveExerciseAjaxCall() {
$("#my_form").on("submit", function(event) {
    event.preventDefault();
    $.ajax({
        url: 'saveJson.php',
        type: 'POST',
        data: {
            id: getUrlParameter('id'),
            formData: JSON.parse('{"' + decodeURI($('#my_form').serialize()).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}')
        },
        dataType: 'json',
    }).done(function(response) {

    });
});
}

Answer 1

首先，你的 fiddle 无法工作，没有找到。

其次，如果我理解正确的话，您需要重新制定 JSON 结构。我建议您为表单数据创建一个数组。像这样的事情:

{ "main_object": 
  {
    "id": "new",
     "formData": [
        {
            "language": "nl_NL", 
            "getExerciseTitle": "ExampleForStackOverflow",
            "Word": "ExampleForStackOverflow", 
            "Syllables":["Example", "Example1"]
        },
        {
            "Word": "SecondExampleForStackOverflow",
            "Syllables": ["Second", "Example"]
        }
    ]
 }
};