如何將JavaScript 數據傳遞到PHP：實用解析與方法

gitbox 2025-08-02

JavaScript 與PHP 的數據傳遞基礎

在現代網站開發中，JavaScript 和PHP 是常見的編程語言，分別負責前端交互和後端數據處理。為了實現動態網頁效果，前端經常需要將數據發送給服務器端，PHP 則負責接收並解析這些數據。本文將介紹幾種高效的傳值方法。

通過AJAX 實現數據傳遞

AJAX 技術允許在頁面無刷新情況下，將JavaScript 的數據發送到服務器端的PHP 腳本。以下示例演示瞭如何利用AJAX 將JSON 格式的數據發送並解析：

 // JavaScript 代碼：
var data = {name: "John", age: 30};
var xhr = new XMLHttpRequest();
xhr.open("POST", "process.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send(JSON.stringify(data));

// PHP 代碼（process.php）：
$data = json_decode(file_get_contents("php://input"), true);
if ($data) {
    echo "Name: " . $data['name'] . ", Age: " . $data['age'];
}

上述代碼中，JavaScript 將數據以JSON 格式發送到服務器，PHP 使用json_decode解析輸入流，從而獲取數據內容。

通過表單提交傳遞數據

另一種常用傳遞數據的方式是通過HTML 表單提交。表單數據提交後，PHP 可利用超級全局變量$_POST獲取並處理數據。示例代碼如下：

 // HTML 表單示例：
// 用戶輸入部分略

// PHP 代碼（process.php）：
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = $_POST['username'];
    echo "Hello, " . htmlspecialchars($username);
}

用戶通過表單提交數據後，PHP 通過$_POST獲取輸入內容，使用htmlspecialchars防止潛在的安全風險。

總結

無論是通過AJAX 還是表單提交，JavaScript 與PHP 之間的數據傳遞都非常便捷。掌握這兩種方法，能夠有效實現前後端的無縫通信，提升網頁的交互性和用戶體驗。