如何用PHP和Ajax異步獲取數據

181次閱讀

共計 791 個字符，預計需要花費 2 分鐘才能閱讀完成。

使用 PHP 和 Ajax 可以很方便地實現異步獲取數據的功能。以下是一個簡單的示例代碼：

創建一個 PHP 文件（例如 data.php），用于處理數據請求并返回數據。

<?php
// 獲取需要返回的數據 
$data = array("name" => "John", "age" => 30);

// 將數據轉換為 JSON 格式 
echo json_encode($data);
?>

創建一個 HTML 文件，包含一個按鈕和一個用于顯示數據的 div 元素。

<!DOCTYPE html>
<html>
<head>
    <title>Async Data</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){$("#getData").click(function(){$.ajax({url: "data.php",
                    type: "GET",
                    success: function(response){// 解析返回的 JSON 數據 
                        var data = JSON.parse(response);
                        
                        // 將數據顯示在頁面上 
                        $("#result").html("Name: " + data.name + ", Age: " + data.age);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button id="getData">Get Data</button>
    <div id="result"></div>
</body>
</html>