Erstellen eines mehrdimensionalen Formulars aus einem JS-Wörterbuch

Question

Ich möchte ein Formular erstellen, um Daten direkt an eine API zu senden. In Javascript sieht das Wörterbuch wie folgt aus:

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

Gibt es eine Möglichkeit, diese Daten in ein HTML-Formular zu schreiben, das direkt an die API gesendet werden kann?

Dank

Answer 1

Solange Ihre API-Server Formulardaten Syntax erweitert akzeptieren, können Sie tun:

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

Der Server es als Objekt analysieren werden Sie erwähnt haben, so lange unterstützt es die erweiterte Syntax.

Answer 2

Dies ist dein Beispiel html

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

dies Ihre js Code wäre:

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

Probieren Sie es mit dieser Geige: https://jsfiddle.net/98d3ar28/