Bagaimana untuk Menghantar Medan Data Berbilang dengan AJAX dengan Betul?

Menguasai Penyerahan Medan Berbilang Data dengan AJAX

Menghantar berbilang medan data dengan cekap menggunakan AJAX adalah penting untuk pembangunan web moden. Panduan ini menangani cabaran pengekodan biasa dan memberikan penyelesaian yang betul.

Cabaran:

Pertimbangkan senario di mana pembangun cuba menghantar medan data "status" dan "nama" melalui AJAX:

<code class="language-javascript">$(document).ready(function() {
  $("#btnSubmit").click(function()  {
    var status = $("#activitymessage").val();
    var name = "Ronny";
    $.ajax({
      type: "POST",
      url: "ajax/activity_save.php",
      **data: "status="+status+"name="+name"**, // Incorrect syntax
      success: function(msg) {...</code>

Parameter data yang diserlahkan menggunakan sintaks yang salah untuk berbilang medan.

Penyelesaian:

Kaedah jQuery AJAX dengan betul mengendalikan berbilang medan data menggunakan literal objek:

<code class="language-javascript">data: {status: status, name: name},</code>

Pendekatan berstruktur ini selaras dengan dokumentasi jQuery AJAX rasmi (https://www.php.cn/link/d27bf4d538d65711468835f9daef576e).

Penyahpepijatan Selanjutnya:

Jika kaedah literal objek tidak menyelesaikan masalah, gunakan alat penyahpepijatan untuk mengesahkan pembolehubah status dan name memegang nilai yang dijangkakan. Langkah ini membantu mengenal pasti isu di luar pemformatan data AJAX.

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