数据库 · 12 10 月, 2024

AJAX MySQL 數據庫與PHP的實例演示

AJAX MySQL 數據庫與 PHP 的實例演示

在現代網頁開發中，AJAX（Asynchronous JavaScript and XML）技術的使用越來越普遍。它允許網頁在不重新加載整個頁面的情況下，與伺服器進行異步通信。結合 MySQL 數據庫和 PHP，開發者可以創建動態且互動性強的應用程序。本文將通過一個簡單的實例來演示如何使用 AJAX、MySQL 和 PHP 進行數據操作。

環境設置

在開始之前，您需要確保您的開發環境中已安裝以下組件：

  • Web 伺服器（如 Apache 或 Nginx）
  • PHP 5.6 或更高版本
  • MySQL 數據庫

數據庫設置

首先，我們需要創建一個 MySQL 數據庫和一個表來存儲數據。以下是創建數據庫和表的 SQL 語句：


CREATE DATABASE ajax_demo;

USE ajax_demo;

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(100) NOT NULL,
    email VARCHAR(100) NOT NULL
);

接下來，我們可以插入一些測試數據：


INSERT INTO users (name, email) VALUES ('張三', 'zhangsan@example.com');
INSERT INTO users (name, email) VALUES ('李四', 'lisi@example.com');

PHP 文件

接下來，我們需要創建一個 PHP 文件來處理 AJAX 請求。這個文件將從數據庫中檢索用戶數據並返回 JSON 格式的響應。


connect_error) {
    die("連接失敗: " . $conn->connect_error);
}

$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);

$users = array();
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $users[] = $row;
    }
}

echo json_encode($users);
$conn->close();
?>

AJAX 請求

現在，我們需要在前端使用 AJAX 發送請求以獲取用戶數據。以下是 HTML 和 JavaScript 代碼：





    
    AJAX MySQL 與 PHP 示例
    


    
用戶列表

    
    
    

    
        $(document).ready(function(){
            $("#load-users").click(function(){
                $.ajax({
                    url: "fetch_users.php",
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $("#user-list").empty();
                        $.each(data, function(index, user) {
                            $("#user-list").append("
  • " + user.name + " - " + user.email + "
    • ");
                        });
                    },
                    error: function() {
                        alert("無法加載用戶數據");
                    }
                });
            });
        });

    總結

    通過以上示例，我們展示了如何使用 AJAX、MySQL 和 PHP 來創建一個簡單的動態應用程序。這種技術不僅提高了用戶體驗，還能有效地減少伺服器負擔。對於希望在香港尋找高效能的 VPS 解決方案的開發者來說，選擇合適的伺服器環境是至關重要的。無論是搭建網站還是開發應用，選擇一個可靠的 香港伺服器 都能為您的項目提供穩定的支持。

    You may also like...