我想创建一个表单,将数据直接发布到API。在Javascript中,字典看起来像:
{
"Data": {
"Details": {
"name": bob,
"date": today
},
"number": 1
}
};
有没有办法将这些数据写入可以直接发布到API的HTML表单?
由于
答案 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/