Bagaimanakah Anda Boleh Menghantar Data Borang dalam Format JSON?

Cara Menghantar Data Borang sebagai Objek JSON

Apabila membuat borang HTML, selalunya perlu menghantar data dalam format berstruktur seperti JSON . Untuk memudahkan perkara ini, mari kita terokai cara menukar data borang kepada objek JSON dan menghantarnya ke pelayan.

Tukar Data Borang kepada JSON (Pihak Pelanggan)

Untuk menukar data borang kepada objek JSON:

1. Dapatkan semula data borang menggunakan objek FormData JavaScript (cth., const formData = new FormData(form)).
2. Lelaran pada elemen borang dan ekstrak nilainya ke dalam objek JSON (cth., biarkan json = JSON.stringify(formData.entry())).

Contoh:

< ;pre>

Menetapkan Pengepala dan Menghantar JSON ke Pelayan (Sebelah Pelayan )

Setelah anda mempunyai rentetan JSON, anda boleh menghantarnya ke pelayan menggunakan XMLHttpRequest atau mana-mana kaedah permintaan rangkaian pilihan. Ingat untuk menetapkan pengepala yang sesuai untuk data JSON:

<br>xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');<br>&lt ;/pre></p>
<p><strong>Contoh (Menggunakan 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> 

Mengendalikan Data JSON yang Diterima pada Pelayan

Di bahagian pelayan, anda boleh menghuraikan data yang diterima sebagai objek JSON dan mengakses sifatnya dengan sewajarnya.

Contoh (Menggunakan Node.js):

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

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Menghantar Data Borang dalam Format JSON?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!