$.ajax 是 jQuery 中一個(gè)非常重要的異步請(qǐng)求方法，它可以實(shí)現(xiàn)與服務(wù)器交互數(shù)據(jù)的功能。本文將介紹如何使用 $.ajax 方法傳遞賦值變量，并通過(guò)舉例說(shuō)明其使用方法和實(shí)際應(yīng)用。
在開(kāi)發(fā)過(guò)程中，我們經(jīng)常遇到需要從服務(wù)器獲取數(shù)據(jù)然后賦值給前端變量的情況。使用 $.ajax 方法，我們可以輕松地完成這個(gè)任務(wù)。比如說(shuō)，在一個(gè)電商網(wǎng)站中，我們需要獲取商品的價(jià)格并將其顯示在頁(yè)面上。我們可以使用以下代碼來(lái)實(shí)現(xiàn)：
$.ajax({
url: "getProductPrice.php",
method: "GET",
dataType: "json",
success: function(response) {
var price = response.price; // 將服務(wù)器返回的價(jià)格賦值給變量 price
$("#productPrice").text("￥" + price); // 將價(jià)格顯示在頁(yè)面上
}
});var keyword = $("#searchInput").val(); // 獲取用戶輸入的關(guān)鍵字
$.ajax({
url: "search.php",
method: "POST",
data: { keyword: keyword }, // 將關(guān)鍵字賦值給 data 屬性，并作為參數(shù)發(fā)送給服務(wù)器
dataType: "json",
success: function(response) {
var results = response.results; // 將服務(wù)器返回的搜索結(jié)果賦值給變量 results
// 將搜索結(jié)果顯示在頁(yè)面上
for (var i = 0; i< results.length; i++) {
$("#searchResults").append("" + results[i] + "
");
}
}
});