開始————————————————————————————————————

AJAX（Asynchronous JavaScript and XML）是一種在前端和后端之間進行異步通信的技術。它能夠實現無需刷新頁面，即可向服務器發送請求并獲取響應。在使用AJAX時，我們經常需要向控制器傳遞一些數據，以便服務器能夠正確地處理請求。本文將詳細介紹如何使用AJAX向控制器傳值，并提供一些具體的示例。

在AJAX中，我們通常使用XMLHttpRequest對象來發送HTTP請求。如果需要向控制器傳遞值，我們可以將這些值作為查詢字符串的一部分，添加到請求的URL中。例如，假設我們需要向名為"example.php"的控制器傳遞一個名為"username"的值，我們可以這樣發送AJAX請求：

var xhr = new XMLHttpRequest();
var username = 'John';
xhr.open('GET', 'example.php?username=' + username, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
}
};
xhr.send();

在以上的示例中，我們將"username"的值添加到URL的查詢字符串中。控制器可以通過訪問$_GET['username']來獲取這個值，并進行相應的處理。

除了將值作為查詢字符串的一部分，我們還可以使用POST方法將值傳遞給控制器。在這種情況下，我們需要使用setRequestHeader方法設置"Content-Type"頭部為"application/x-www-form-urlencoded"，并將值作為請求的正文發送。例如，以下是一個使用POST方法向控制器傳遞值的示例：

var xhr = new XMLHttpRequest();
var username = 'John';
xhr.open('POST', 'example.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
}
};
xhr.send('username=' + encodeURIComponent(username));

在以上的示例中，我們使用了encodeURIComponent函數對值進行編碼，以確保特殊字符正確傳遞。控制器可以通過訪問$_POST['username']來獲取這個值，并進行相應的處理。

除了使用XMLHttpRequest對象，我們還可以使用jQuery庫中的AJAX方法簡化代碼。以下是一個使用jQuery向控制器傳遞值的示例：

var username = 'John';
$.ajax({
url: 'example.php',
method: 'POST',
data: { username: username },
success: function(response) {
// 處理響應數據
}
});

在以上的示例中，我們使用了data選項將值傳遞給控制器。控制器可以通過訪問$_POST['username']來獲取這個值，并進行相應的處理。

總結起來，我們可以通過查詢字符串或POST方法將值傳遞給控制器。使用XMLHttpRequest對象時，我們需要將值作為查詢字符串的一部分或請求的正文發送。使用jQuery庫時，我們可以使用data選項將值傳遞給控制器。以上是幾個常見的例子，希望能幫助您理解如何向控制器傳遞值。

結束————————————————————————————————————