Bagaimanakah Saya Boleh Menggunakan AJAX dan PHP untuk Menyimpan Berbilang Input Borang ke Pangkalan Data?

Menggunakan AJAX dan PHP untuk Menyimpan Berbilang Input Borang ke Pangkalan Data

AJAX (Asynchronous JavaScript dan XML) membolehkan pertukaran data masa nyata antara pelayar web dan pelayan tanpa menyegarkan halaman. Dalam konteks ini, ia boleh digunakan untuk memindahkan input borang ke pangkalan data menggunakan PHP.

Pelaksanaan

Borang HTML

Jana borang dengan berbilang medan input, memastikan bahawa nama mereka sepadan dengan pembolehubah PHP $_POST yang anda ingin akses.

Fungsi Ajax

Buat fungsi JavaScript seperti di bawah untuk mengendalikan penyerahan borang:

function saveData() {
  // Collect all input values
  var inputs = $("input[type=text]");
  var data = {};
  $.each(inputs, function() {
    data[$(this).attr("name")] = $(this).val();
  });

  // Convert data to JSON
  var jsonData = JSON.stringify(data);

  // Send data to PHP file via AJAX
  $.ajax({
    url: "save.php",
    type: "POST",
    data: { data: jsonData },
    dataType: "json",
    success: function(response) {
      if (response.success) {
        alert("Data saved successfully.");
      } else {
        alert("Error saving data.");
      }
    }
  });
}

Skrip PHP

Dalam save.php, nyahkod data JSON dan lakukan pangkalan data operasi:

<?php
// Decode JSON data
$data = json_decode($_POST['data']);

// Connect to database and execute query
// ...

// Prepare response
$response = array();
if ($result) {
  $response['success'] = true;
} else {
  $response['success'] = false;
}

// Encode response as JSON and echo
echo json_encode($response);

Nota Tambahan

• Sirikan Data Borang: Daripada mengumpul nilai input secara manual, anda boleh menggunakan borang. serialize() untuk mencipta perwakilan rentetan bagi data borang.
• Tersuai Nama Input: Contoh yang diberikan menganggap nama input angka berjujukan. Jika anda mempunyai nama input tersuai, ubah suai kod JavaScript dengan sewajarnya.
• Penghuraian JSON: Jika anda baru menggunakan JSON, rujuk sumber seperti MDN untuk mendapatkan panduan tentang menghuraikan JSON dalam JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan AJAX dan PHP untuk Menyimpan Berbilang Input Borang ke Pangkalan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!