AJAX（Asynchronous JavaScript and XML）是一種用于在瀏覽器上與服務(wù)器進行異步通信的技術(shù)。通過AJAX，可以在不刷新整個頁面的情況下，僅更新部分頁面內(nèi)容。JSON（JavaScript Object Notation）是一種常用的數(shù)據(jù)格式，常用于存儲和傳輸數(shù)據(jù)。在實際應(yīng)用中，結(jié)合AJAX和JSON可以實現(xiàn)很多強大的功能。通過AJAX請求獲取JSON數(shù)據(jù)，并將其輸出到頁面上，可以使網(wǎng)頁變得更加動態(tài)和交互性。

假設(shè)我們有一個需求：在網(wǎng)頁上顯示一個商品列表。我們可以通過AJAX請求獲取一個包含商品信息的JSON數(shù)據(jù)，然后將其輸出在網(wǎng)頁上。

$.ajax({
url: 'get_products.php', //請求的URL地址
type: 'GET', //請求方式
dataType: 'json', //返回的數(shù)據(jù)類型
success: function(data) { //請求成功時調(diào)用的函數(shù)
var products = data.products; //從返回的JSON數(shù)據(jù)中獲取商品數(shù)組
var $productList = $('#product-list'); //獲取用于顯示商品列表的元素
for (var i = 0; i< products.length; i++) {
var product = products[i];
$productList.append('
' + product.name + '
');
}
}
});

在這個示例中，我們使用了jQuery的$.ajax()函數(shù)進行AJAX請求。請求的URL地址為get_products.php，請求方式為GET。dataType參數(shù)指定我們期望返回的數(shù)據(jù)類型為json。如果服務(wù)器返回的不是JSON格式的數(shù)據(jù)，則會在控制臺上輸出一個錯誤。如果請求成功，就會調(diào)用success參數(shù)指定的函數(shù)，函數(shù)的參數(shù)data即為服務(wù)器返回的JSON數(shù)據(jù)。

假設(shè)get_products.php返回的JSON數(shù)據(jù)如下：

{
"products": [
{"name": "商品1"},
{"name": "商品2"},
{"name": "商品3"}
]
}

我們首先從返回的JSON數(shù)據(jù)中獲取商品數(shù)組，然后遍歷數(shù)組，將每個商品的名稱輸出在網(wǎng)頁上。這里使用了jQuery的.append()函數(shù)，將每個商品的名稱包裝在一個