在前端開發中，我們經常會遇到需要異步請求數據并動態更新頁面的情況。jQuery ajax 和 json 是兩種常用的技術，其中 jQuery ajax 用于發送異步請求，而 json 用于在瀏覽器和服務器之間傳遞數據。

jQuery ajax 的基本用法：

$.ajax({
url: "data.json",
type: "GET",
dataType: "json",
async: false,
success: function(data) {
console.log(data);
}
});

在上述代碼中，我們使用 $.ajax 方法發送 GET 請求，指定了數據類型為 json，并設置了 async 屬性為 false，以實現同步請求。當請求成功時，會調用 success 回調函數，并打印出從服務器返回的數據。

json 的基本用法：

// 定義一個 json 對象
var data = { name: "John", age: 30 };
// 將 json 對象轉換為字符串
var jsonStr = JSON.stringify(data);
// 將 json 字符串轉換為對象
var jsonObj = JSON.parse(jsonStr);

在上述代碼中，我們首先定義了一個包含 name 和 age 屬性的 json 對象。然后使用 JSON.stringify 方法將該對象轉換為字符串，并使用 JSON.parse 方法將字符串轉換為對象。

綜合應用：

$.ajax({
url: "data.json",
type: "GET",
dataType: "json",
async: false,
success: function(data) {
// 獲取數據成功后，將數據轉換為 html 并添加到頁面中
var html = "
";
$.each(data, function(index, item) {
html += "
" + item.name + "-" + item.age + "
";
});
html += "
";
$("body").append(html);
}
});

在上述代碼中，我們使用 $.ajax 方法發送 GET 請求，并在請求成功時將從服務器獲取到的 json 數據轉換為 html，并添加到頁面中。由于在實現同步請求時 async 屬性設置為 false，因此只有當獲取數據完成后，才會執行添加 html 的操作。