如何有效地使用 jQuery AJAX 從 MySQL 資料庫檢索和顯示數據，解決已棄用函數和正確回應處理的問題？
- DDD原創
- 2024-12-08 20:30:17992瀏覽
使用 jQuery AJAX 顯示來自 MySQL 的資料
在 Web 應用程式中處理資料時，通常需要從資料庫檢索資訊。 jQuery 等 JavaScript 框架提供了執行 Ajax 請求的便利方法，讓您無需刷新整個頁面即可取得資料。
問題
使用者提供了類似的程式碼片段以下但報告它沒有從 MySQL檢索資料資料庫：
// 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>
解決方案
提供的程式碼有幾個問題：
- 它依賴過時的MySQL函數（mysql_connect、mysql_select_db） 、 mysql_query等等）已在更高版本中棄用並刪除PHP。
- Ajax 請求缺乏正確的配置來有效處理回應資料。
以下是解決這些問題的程式碼的更新版本：
// 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">
附加說明：
- 此解決方案以jQuery 1.3.2 為例，但您可以將其更新到更新的版本。
- 「samples」是佔位符資料庫名稱；將其替換為您的實際資料庫名稱。
- student 表預計會有以下欄位：roll_no (int)、name (string)、address (string)、stream (string)、status (string)。
以上是如何有效地使用 jQuery AJAX 從 MySQL 資料庫檢索和顯示數據，解決已棄用函數和正確回應處理的問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn