Bagaimana untuk Menghantar Objek JSON melalui Data Borang HTML?

Mengirimkan Objek JSON melalui Data Borang HTML

Apabila menyerahkan borang, data biasanya dihantar sebagai medan borang individu. Walau bagaimanapun, jika anda ingin menghantar data sebagai objek JSON, anda boleh menggunakan kaedah berikut:

Kaedah 1: FormData Array Serialization

Tukar data borang kepada tatasusunan menggunakan jQuery's serializeArray() kaedah dan kemudian rentetankannya ke dalam JSON.

var formData = JSON.stringify($("#myForm").serializeArray());

Kaedah 2: Kawasan Teks Tersembunyi

Buat kawasan teks tersembunyi dalam borang dan tetapkan nilainya kepada data borang bertali JSON. Kaedah ini membolehkan anda mengakses data pada bahagian pelayan selepas penyerahan borang.

<input type="hidden" name="data" value="{&quot;first_name&quot;:&quot;binchen&quot;,&quot;last_name&quot;:&quot;heris&quot;}">

Penyahkodan Bahagian Pelayan

Jika data JSON dihantar sebagai sebahagian daripada penyerahan borang biasa, ia perlu dinyahkod pada bahagian pelayan. Contohnya, dalam PHP:

$data = json_decode($_POST['data']);

Penyelesaian Ralat XHR

Dalam kod anda, isu mungkin terletak pada pengabaian untuk menetapkan pengepala Jenis Kandungan secara eksplisit kepada aplikasi/json. Kod yang diperbetulkan hendaklah:

xhr.setRequestHeader('Content-Type', 'application/json');

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Objek JSON melalui Data Borang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!