Wie können Sie Formulardaten im JSON-Format senden?

So senden Sie Formulardaten als JSON-Objekt

Beim Erstellen von HTML-Formularen ist es häufig erforderlich, Daten in einem strukturierten Format wie JSON zu senden . Um dies zu erleichtern, untersuchen wir, wie Formulardaten in ein JSON-Objekt konvertiert und an den Server übertragen werden.

Formulardaten in JSON konvertieren (clientseitig)

So konvertieren Sie Formulardaten in ein JSON-Objekt:

1. Rufen Sie die Formulardaten mit dem FormData-Objekt von JavaScript ab (z. B. const formData = new FormData(form)).
2. Iterieren Sie über die Formularelemente und extrahieren Sie ihre Werte in ein JSON-Objekt (z. B. let json = JSON.stringify(formData.entries())).

Beispiel:

< ;pre>

Header festlegen und JSON an den Server senden (serverseitig). )

Sobald Sie die JSON-Zeichenfolge haben, können Sie sie mit XMLHttpRequest oder einer beliebigen bevorzugten Netzwerkanforderungsmethode an den Server senden. Denken Sie daran, die entsprechenden Header für JSON-Daten festzulegen:

<br>xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');<br>&lt ;/pre></p>
<p><strong>Beispiel (mit XMLHttpRequest):</strong></p>
<p><pre class="brush:php;toolbar:false"><br>const xhr = new XMLHttpRequest();<br>xhr.open( "POST", "myUrl", true);<br>xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');<br>xhr.send(json);<br> 

Verarbeitung empfangener JSON-Daten auf dem Server

Auf der Serverseite können Sie die empfangenen Daten als JSON-Objekt analysieren und entsprechend auf seine Eigenschaften zugreifen.

Beispiel (Verwendung von Node.js):

<br>const body = request.body.toString();<br>const data = JSON.parse(body);</p>
<p>console.log(data.first_name);<br>

Das obige ist der detaillierte Inhalt vonWie können Sie Formulardaten im JSON-Format senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!