首頁 > 後端開發 > php教程 > 如何修復 jQuery Ajax 呼叫無法從 MySQL 檢索資料的問題?

如何修復 jQuery Ajax 呼叫無法從 MySQL 檢索資料的問題?

Barbara Streisand
發布: 2024-12-07 21:11:15
原創
237 人瀏覽過

How to Fix jQuery Ajax Calls Failing to Retrieve Data from MySQL?

使用 jQuery Ajax 從 MySQL 檢索資料

本文解決了以下問題:Ajax 程式碼嘗試從 MySQL 表檢索記錄,但失敗。提供的 PHP 程式碼嘗試連接到 MySQL 並從「users」表中獲取數據,但使用的方法已過時。

解決方案

要解決此問題,應更新程式碼以使用更現代、更安全的方法來連接 MySQL 和檢索資料。這是修訂版本:

$con = mysqli_connect("localhost", "root", "", "simple_ajax");
$result = mysqli_query($con, "SELECT * FROM users");
登入後複製

在此版本中:

  • 我們使用 mysqli_connect 函數而不是 mysql_connect 進行資料庫連線。
  • 資料庫名稱提供為mysqli_connect 的附加參數。
  • 我們使用 mysqli_query 而不是mysql_query 來執行查詢。

顯示數據

要在HTML 頁面中顯示檢索到的數據,我們可以使用以下PHP 代碼:

echo "<table border='1'>";
echo "<tr><th>Name</th><th>Address</th></tr>";
while ($row = mysqli_fetch_array($result)) {
  echo "<tr><td>$row[1]</td><td>$row[2]</td></tr>";
}
echo "</table>";
登入後複製

此程式碼產生一個簡單的HTML 表,其中包含名稱和位址列,並填入來自MySQL的資料

完整的Ajax 程式碼

這裡是更新的jQuery Ajax 程式碼來顯示資料:

$(document).ready(function() {
  $("#display").click(function() {
    $.ajax({
      type: "GET",
      url: "display.php",
      dataType: "html",
      success: function(response) {
        $("#responsecontainer").html(response);
      }
    });
  });
});
登入後複製

顯示頁面🎜 >

檢索並顯示資料的display.php頁面應該使用上面提到的程式碼。

此更新的程式碼應該可以讓您使用 jQuery Ajax 成功檢索和顯示 MySQL 表中的資料。

以上是如何修復 jQuery Ajax 呼叫無法從 MySQL 檢索資料的問題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板