Rumah >pangkalan data >tutorial mysql >Bagaimanakah saya boleh menggunakan jQuery AJAX dengan berkesan untuk mendapatkan dan memaparkan data daripada pangkalan data MySQL, menangani isu dengan fungsi yang tidak digunakan dan pengendalian tindak balas yang betul?

Bagaimanakah saya boleh menggunakan jQuery AJAX dengan berkesan untuk mendapatkan dan memaparkan data daripada pangkalan data MySQL, menangani isu dengan fungsi yang tidak digunakan dan pengendalian tindak balas yang betul?

DDD
DDDasal
2024-12-08 20:30:17998semak imbas

How can I effectively use jQuery AJAX to retrieve and display data from a MySQL database, addressing issues with deprecated functions and proper response handling?

Menggunakan jQuery AJAX untuk Memaparkan Data daripada MySQL

Apabila bekerja dengan data dalam aplikasi web, selalunya perlu untuk mendapatkan maklumat daripada pangkalan data . Rangka kerja JavaScript seperti jQuery menyediakan kaedah yang mudah untuk melaksanakan permintaan Ajax, membolehkan anda mengambil data tanpa memerlukan muat semula halaman penuh.

Masalah

Seorang pengguna telah menyediakan coretan kod yang menyerupai berikut tetapi melaporkan bahawa ia tidak mendapatkan semula data daripada MySQL mereka pangkalan data:

// list.php
$(document).ready(function() {
  var response = '';
  $.ajax({
    type: "GET",
    url: "Records.php",
    async: false,
    success: function(text) {
      response = text;
    }
  });

  alert(response);
});

// Records.php
<?php
$result = mysql_query("select * from users");
$array = mysql_fetch_row($result);
?>
<table>
<tr>
  <td>Name:</td>
  <td>Address:</td>
</tr>
<?php
while ($row = mysql_fetch_array($result)) {
  echo "<tr>";
  echo "<td>$row[1]</td>";
  echo "<td>$row[2]</td>";
  echo "</tr>";
}
?>
</table>

Penyelesaian

Kod yang disediakan mempunyai beberapa isu:

  • Ia bergantung pada fungsi MySQL yang sudah lapuk (mysql_connect, mysql_select_db , mysql_query, dsb.) yang telah ditamatkan dan dialih keluar dalam versi terkemudian PHP.
  • Permintaan Ajax tidak mempunyai konfigurasi yang betul untuk mengendalikan data tindak balas dengan berkesan.

Berikut ialah versi kod yang dikemas kini yang menangani isu ini:

// list.php
<html>
<head>
  <script src="jquery-1.3.2.js"></script>

  <script>
  $(document).ready(function() {
    $("#display").click(function() {

      $.ajax({
        type: "GET",
        url: "display.php",
        dataType: "html",
        success: function(response) {
          $("#responsecontainer").html(response);
        }
      });
    });
  });
  </script>
</head>

<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
  <tr>
    <td><input type="button">

Nota Tambahan:

  • Penyelesaian ini menggunakan jQuery 1.3.2 sebagai contoh, tetapi anda boleh mengemas kininya kepada versi yang lebih terkini.
  • "sampel" ialah nama pangkalan data pemegang tempat; gantikannya dengan nama pangkalan data sebenar anda.
  • Jadual pelajar dijangka mempunyai medan berikut: roll_no (int), nama (rentetan), alamat (rentetan), aliran (rentetan), status (rentetan).

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan jQuery AJAX dengan berkesan untuk mendapatkan dan memaparkan data daripada pangkalan data MySQL, menangani isu dengan fungsi yang tidak digunakan dan pengendalian tindak balas yang betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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