Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menghantar Data JSON dengan Betul dengan jQuery AJAX?

Bagaimana untuk Menghantar Data JSON dengan Betul dengan jQuery AJAX?

Linda Hamilton
Lepaskan: 2024-10-30 22:32:02
asal
822 orang telah melayarinya

How to Send JSON Data Correctly with jQuery AJAX?

Menghantar Data JSON dengan jQuery

Ia perkara biasa untuk menghadapi isu ini apabila data dihantar dalam rentetan pertanyaan seperti "&City=Moscow&Age=25 " bukannya format JSON apabila menggunakan fungsi AJAX jQuery. Ini berlaku kerana parameter yang diperlukan untuk permintaan JSON belum ditentukan.

Untuk menyelesaikannya, adalah penting untuk mengambil langkah berikut:

  1. Tukar Data kepada JSON : Gunakan kaedah JSON.stringify untuk menukar objek JavaScript kepada rentetan JSON. Pelayar lama mungkin memerlukan kemasukan json2.js.
  2. Tetapkan Jenis Kandungan: Sertakan sifat contentType untuk menentukan jenis permintaan yang dihantar. Dalam kes ini, gunakan 'application/json; charset=utf-8'.
  3. Nyatakan Jenis Respons: Nyatakan format respons yang dijangkakan daripada pelayan menggunakan sifat dataType. Biasanya, sebaiknya tetapkan ini kepada 'json'.

Kod yang diperbetulkan di bawah menunjukkan pengubahsuaian ini:

var arr = { City: 'Moscow', Age: 25 };
$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: JSON.stringify(arr),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});
Salin selepas log masuk

Dengan mengikuti langkah ini, data JSON boleh dihantar dengan jQuery AJAX dengan betul, memastikan data dipindahkan dalam format yang diharapkan.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Data JSON dengan Betul dengan jQuery AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan