Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自输入表单的嵌套JSON_Javascript_Arrays_Json_Multidimensional Array - Fatal编程技术网

Javascript 来自输入表单的嵌套JSON

Javascript 来自输入表单的嵌套JSON,javascript,arrays,json,multidimensional-array,Javascript,Arrays,Json,Multidimensional Array,我已经四处寻找了很长一段时间,但我似乎找不到一种方法来最好地从客户端的各种输入字段创建嵌套的JSON 我要创建的结束JSON应该如下所示: { "DiaryEntry": [ { "Date": "2019.xx.01", "Time": "14:00", "ThingsDone": [ { "Activity": "Walking", "Duration": "1h" }

我已经四处寻找了很长一段时间,但我似乎找不到一种方法来最好地从客户端的各种输入字段创建嵌套的JSON

我要创建的结束JSON应该如下所示:

  {
  "DiaryEntry": [
    {
      "Date": "2019.xx.01",
      "Time": "14:00",
      "ThingsDone": [
        {
          "Activity": "Walking",
          "Duration": "1h"
        }
      ]
    },
    {
      "Date": "2019.xx.02",
      "Time": "19:00",
      "ThingsDone": [
        {
          "Activity": "rolling",
          "Duration": "24h"
        }
      ]
    }
  ]
}
这个JSON可能有错误,但我希望它是可以理解的。 如果有人能给我一些建议,告诉我如何通过UI管理至少一个嵌套级别,用户可以在UI中以表单形式输入信息,最终将成为类似JSON的格式,那将是理想的选择。我是这样做的,所以这似乎是管理信息和让用户拥有尽可能多的动态生成的输入字段的最简单的方法,例如,他可以进行100件事一个输入


欢迎其他建议或指点

如果您想在javascript中实现这一点,这里有一种方法

var activities = []

var activity = {}
activity.date = "03-21-2019"
activity.time = "14:30"
var task = {}
task.activity = "Walking"
task.duration = "2h"
var tasks = []
tasks.push(task)
activity.thingsDone = tasks

activities.push(activity)

activity = {}
activity.date = "03-21-2019"
activity.time = "14:30"
task = {}
task.activity = "Walking"
task.duration = "2h"
tasks = []
tasks.push(task)
activity.thingsDone = tasks

activities.push(activity)

var jsonObj = {}
jsonObj.diaryEntry = activities;

console.log(jsonObj)

我是这样做的…-那到底是什么方式?您需要提供您的代码和示例。您需要做的只是从输入中获取值并创建一个对象?欢迎使用堆栈溢出。在发布之前,请花一些时间完成并阅读帮助主题。好的问题通常有一个好的答案。此外,StackOverflow还有一个包含大量信息的应用程序。Thanks@Ray在SO中,这是一个非常普通的问题。我们不为您编写代码。我们只检查已经生成的代码中的问题,并告诉您问题在哪里。请说得更具体些。