在javascript中创建一个Json对象

Ume*_*thi 6 javascript jquery json

我正在验证一个表单,我需要显示某些单选按钮,用户需要根据一些规则选择它们,可以创建多少个单选按钮是动态的,所以我不能在服务器端进行验证不能写一个预定义的java脚本代码.

每个无线电按钮将在团体被划分说required,比进一步向下它们可以分组等center,left,right等等,因此,从各组用户需要选择一个值,所以结构出来这样

-Main Group (if block needs to validate based on this e.g if key=required should validate)
  |
  Sub-group (say left, right etc)
   |
   number of radio buttons based on the sub-group
Run Code Online (Sandbox Code Playgroud)

因此,主组密钥可用于决定是否应该对此进行验证,并且基于子组密钥,我可以决定所有值将在那里并且需要验证

我打算在页面渲染时创建一个JSON对象

{"required": [
        {"center": "id1,id2,id3"},
        {"left": "id1,id2,id3"}
      ]
  "optional": [
        {"center": "id1,id2,id3"},
        {"left": "id1,id2,id3"}
      ]
};
Run Code Online (Sandbox Code Playgroud)

我不确定我认为的结构是否正确以及如何在java脚本中创建它?就像我有一个外部循环的键,而不是一个循环的子组,最后是子组中的按钮,

 for(main group key){
     for(subgroup key){
       for(list of radio button under subgroup key)
}
  }
Run Code Online (Sandbox Code Playgroud)

但不知道如何创建一个正确的结构,以便我可以稍后用jquery解析它并使用它进行验证.

任何帮助都将非常感激.

Ash*_*vad 5

在javascript中.您可以使用 JSON.stringify(myObject, replacer);

例如.

像这样在javascript对象上创建

var myObject={};
Run Code Online (Sandbox Code Playgroud)

现在,在创建javascript对象后,您可以将其转换为JSON结构

var myJsonText=JSON.stringify(myObject);
Run Code Online (Sandbox Code Playgroud)

注意:替换器是可选的

现在,如果要在JSON对象中转换它,请使用JSON.parse方法

myJsonObject=JSON.parse(myJsonText)
Run Code Online (Sandbox Code Playgroud)