AJAX（Asynchronous JavaScript and XML）是一種用于在后臺與服務器進行異步通信的技術，它通過在不刷新整個頁面的情況下更新部分頁面內容，極大地提升了用戶體驗。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，可用于存儲和傳輸結構化數據。結合使用AJAX和JSON，我們可以實現動態地將服務器返回的對象數據顯示在網頁上，進一步優化用戶的交互體驗。

為了更好地說明如何使用AJAX和JSON顯示對象數據，我們舉一個簡單的例子。假設我們有一個城市列表，包含每個城市的名稱和人口數量。服務器會返回一個包含這些城市信息的JSON對象數據。我們需要將這些數據使用AJAX和JSON技術顯示在網頁上。

首先，我們需要在網頁中引入jQuery庫，因為jQuery庫提供了簡化AJAX請求的方法。在HTML的頭部添加以下代碼：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

接下來，我們在網頁中創建一個用于展示城市列表的容器，例如一個<div>元素，并給它一個唯一的ID，方便我們通過選擇器選取該元素。代碼如下：

<div id="city-list"></div>

然后，我們通過AJAX請求從服務器獲取JSON對象數據，并將其顯示在網頁上。在JavaScript的代碼區域添加以下代碼：

<script>
$.ajax({
url: "server.php",
type: "GET",
dataType: "json",
success: function(data) {
// 數據成功返回后的處理邏輯
var cityList = "";
for (var i = 0; i< data.length; i++) {
cityList += "<p>城市名稱：" + data[i].name + "</p>";
cityList += "<p>人口數量：" + data[i].population + "</p>";
}
$("#city-list").html(cityList);
},
error: function() {
// 處理請求錯誤的邏輯
alert("請求數據失敗");
}
});
</script>

在以上代碼中，我們使用了$.ajax()方法發送一個GET請求到指定的URL（這里以"server.php"為例），并指定了數據類型為JSON。當成功返回數據后，我們通過遍歷JSON對象，將每個城市的名稱和人口數量保存在一個變量中，并使用HTML標簽包裹起來。最后，我們使用jQuery的html()方法將城市列表顯示在在之前創建的<div>容器中。

如果服務器成功返回了JSON對象數據，那么城市列表將會以如下的形式顯示在網頁上：

<p>城市名稱：北京</p>
<p>人口數量：21550000</p>
<p>城市名稱：倫敦</p>
<p>人口數量：8982000</p>
<p>城市名稱：東京</p>
<p>人口數量：13929286</p>

通過上述例子，我們可以看到，使用AJAX和JSON技術可以動態地將服務器返回的對象數據顯示在網頁上。這種方式在構建動態交互性的網頁應用程序中非常常見，例如根據用戶的實時輸入搜索匹配結果、實時更新評論列表等。AJAX和JSON的結合使用，為網頁開發帶來了更多可能性。