從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/