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?
- DDDasal
- 2024-12-08 20:30:171063semak imbas
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!