从JS字典创建多维表单

时间:2017-05-30 13:36:36

标签: javascript html

我想创建一个表单,将数据直接发布到API。在Javascript中,字典看起来像:

  {
      "Data": {
          "Details": {
              "name": bob,
              "date": today
          },
         "number": 1
      }
  };

有没有办法将这些数据写入可以直接发布到API的HTML表单?

由于

2 个答案:

答案 0 :(得分:1)

只要您的API服务器接受扩展表单数据语法,您就可以:

 <form method="POST" action="/your-endpoint">
   <input name="Details.name" value="bob" type="hidden" />
   <input name="Details.date" value="today" type="hidden" />
   <input name="number" value="1" type="hidden" />
   <button>Submit</button>
 </form>

只要支持扩展语法,服务器就会将其解析为您提到的对象。

答案 1 :(得分:0)

这是你的示例html

<input id="name" type="text" value="initial value"/>

这将是你的js代码:

myobj = {
  "Data": {
      "Details": {
          "name": "bob",
          "date": "today"
      },
     "number": 1
  }
};
// write the value into the form elements
document.getElementById("name").value = myobj.Data.Details.name;

尝试使用这个小提琴:https://jsfiddle.net/98d3ar28/