jQuery是一款流行的JavaScript庫(kù)，它提供了許多方便的方法來(lái)操作DOM和執(zhí)行JS代碼。其中一個(gè)非常有用的功能是AJAX，它允許我們使用JavaScript從服務(wù)器異步獲取數(shù)據(jù)或提交表單，而不必刷新整個(gè)頁(yè)面。

在本頁(yè)面中，我們將使用jQuery AJAX來(lái)獲取和顯示一些本地JSON數(shù)據(jù)。首先，我們需要定義一個(gè)包含JSON數(shù)據(jù)的文件。在本例中，我們將定義一個(gè)名為"data.json"的文件，內(nèi)容如下：

{
"users": [
{
"id": "1",
"name": "Tom",
"email": "tom@example.com"
},
{
"id": "2",
"name": "Jerry",
"email": "jerry@example.com"
},
{
"id": "3",
"name": "Donald",
"email": "donald@example.com"
}
]
}

接下來(lái)，我們將在HTML文件中使用jQuery的$.getJSON()方法來(lái)獲取數(shù)據(jù)，并將其添加到網(wǎng)頁(yè)中：

$(function() {
$.getJSON("data.json", function(data) {
// data為獲取到的JSON數(shù)據(jù)
var users = data.users;
var userList = $("
");  // 創(chuàng)建一個(gè)ul元素
$.each(users, function(index, user) {
userList.append("
" + user.name + " (" + user.email + ")
");
});
$("#user-list").html(userList); // 將ul添加到網(wǎng)頁(yè)
});
});

在這個(gè)代碼塊中，我們首先使用$.getJSON()方法來(lái)異步獲取數(shù)據(jù)。然后，我們使用$.each()方法遍歷獲取到的JSON數(shù)組，并創(chuàng)建一個(gè)包含用戶(hù)信息的ul列表。最后，我們將此列表添加到HTML頁(yè)面中的一個(gè)元素（id為"user-list"的div）中。

現(xiàn)在，我們已經(jīng)成功地使用jQuery AJAX從服務(wù)器獲取JSON數(shù)據(jù)，并將它們顯示在HTML頁(yè)面中。這個(gè)功能可以用來(lái)創(chuàng)建許多有趣的Web應(yīng)用程序，包括動(dòng)態(tài)地加載內(nèi)容、提交表單以及處理用戶(hù)輸入數(shù)據(jù)。