AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下，通過前端 JavaScript 向服務器發送請求并接收響應的技術。它通過在后臺與服務器進行數據交互，實現了異步加載內容的效果，提高了用戶體驗。本文將重點討論如何使用 JavaScript 將數據傳遞給后端 PHP 腳本，并給出其中的具體方法和示例。

在前端 JavaScript 中，我們可以通過創建 XMLHttpRequest 對象來發送 AJAX 請求。通常，我們會定義一個 JavaScript 函數，該函數會在用戶某個操作（比如點擊按鈕或提交表單）觸發時被調用。在該函數中，我們可以使用 XMLHttpRequest 對象的 open() 方法來指定請求的類型（GET 或 POST）以及將數據發送到的 PHP 腳本的 URL。

下面是一個使用 AJAX 技術將用戶輸入的姓名傳遞給后端 PHP 腳本的示例：

function sendNameToBackend() {
var name = document.getElementById("nameInput").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "backend.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
}
};
xhr.send("name=" + encodeURIComponent(name));
}

在上述代碼中，我們首先獲取了用戶在輸入框中輸入的姓名，并創建了一個 XMLHttpRequest 對象。然后，我們使用 open() 方法指定了請求的類型為 POST，并將數據發送到后端 PHP 腳本 "backend.php"。為了告訴服務器發送的數據是表單形式的，我們使用 setRequestHeader() 方法設置了請求頭的 Content-Type 屬性為 "application/x-www-form-urlencoded"。接著，我們定義了一個回調函數 onreadystatechange，該函數會在服務器返回響應時被調用。

需要注意的是，在發送數據之前，我們使用了 encodeURIComponent() 方法對姓名進行了編碼處理。這是因為姓名中可能包含特殊字符（比如空格或標點符號），這些字符在 URL 中是不允許出現的。編碼后的姓名可以保證數據的正確傳遞。

在回調函數中，我們通過對 XMLHttpRequest 對象的 readyState 和 status 屬性進行判斷，判斷當前請求的狀態是否成功。在狀態為 4（表示服務器已返回所有數據）且狀態碼為 200（表示請求成功）時，我們可以在回調函數中編寫處理響應數據的代碼。

在后端的 PHP 腳本中，我們可以通過 $_POST 超全局數組來獲取前端發送的數據。接下來的示例演示了如何將前端傳遞的姓名作為參數，進行簡單的處理并返回給前端：

$name = $_POST["name"];
if ($name == "John") {
$response = "Hello, John!";
} else {
$response = "Hello, stranger!";
}
echo $response;

在上面的 PHP 代碼中，我們首先通過 $_POST["name"] 獲取了前端傳遞的姓名，并將其賦值給變量 $name。然后，我們對姓名進行簡單的判斷，如果姓名為 "John"，則返回 "Hello, John!"，否則返回 "Hello, stranger!"。最后，使用 echo 語句將響應數據輸出到前端。

通過這個將數據從前端 JavaScript 傳遞給后端 PHP 的示例，我們可以看到 AJAX 技術的使用非常簡單且靈活，可以實現前后端之間的高效數據傳遞。這種在不刷新頁面的情況下更新內容的方式，可以大大提升用戶體驗，并使我們的網頁更加動態和交互。