从JS词典创建多维表单

Question

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

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

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

感谢

Answer 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> 

服务器将解析它作为你提到的对象，只要它支持扩展语法。

Answer 2

这就是你们的榜样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/