AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下，通過與服務器異步通信的技術。通過使用AJAX，我們可以在網頁上動態地獲取服務器傳遞過來的數據，而無需刷新整個頁面。本文將介紹如何使用AJAX來獲取服務器傳遞過來的值，并附上一些示例代碼。

假設我們有一個網頁，其中需要顯示用戶的個人信息。傳統的方法是在用戶登錄后，刷新整個網頁來獲取用戶的信息，這樣會導致頁面的閃爍和加載延遲。現在我們可以使用AJAX來解決這個問題。

// 使用AJAX獲取用戶信息
function getUserInfo() {
$.ajax({
url: "http://example.com/userinfo",
method: "GET",
success: function(data) {
// 處理服務器返回的數據
$("#username").text(data.username);
$("#email").text(data.email);
$("#age").text(data.age);
},
error: function() {
console.log("獲取用戶信息失敗");
}
});
}
// 在頁面加載完成后調用getUserInfo函數
$(document).ready(function() {
getUserInfo();
});

上面的代碼示例中，我們使用了jQuery的AJAX方法來發送GET請求，獲取用戶信息。在請求成功后，我們通過jQuery的選擇器來找到相關的元素，并更新它們的文本內容來顯示用戶的信息。

除了獲取服務器傳遞過來的數據，我們還可以通過AJAX來向服務器發送數據。舉個例子，假設我們有一個留言板，用戶可以在上面發表留言。當用戶點擊提交按鈕時，我們可以使用AJAX將用戶的留言發送到服務器，而不需要刷新整個頁面。

// 使用AJAX發送用戶的留言
function postMessage() {
var message = $("#message").val();
$.ajax({
url: "http://example.com/postmessage",
method: "POST",
data: { message: message },
success: function() {
// 提交成功后清空輸入框
$("#message").val("");
console.log("留言提交成功");
},
error: function() {
console.log("留言提交失敗");
}
});
}
// 在提交按鈕被點擊時調用postMessage函數
$("#submit").click(function() {
postMessage();
});

上面的代碼示例中，我們使用了jQuery的AJAX方法來發送POST請求，將用戶輸入的留言發送到服務器。在請求成功后，我們清空了輸入框，并輸出相應的信息到控制臺。

總結起來，AJAX是一種非常有用的技術，可以使我們的網頁在與服務器進行數據交互時更加流暢和高效。通過使用AJAX，我們可以在不刷新整個頁面的情況下獲取服務器傳遞過來的數據，并向服務器發送數據。這樣的好處是可以提升用戶體驗，減少頁面閃爍和加載延遲。