AJAX與JSON是在web開發中經常使用的兩種技術，AJAX可以實現網頁的異步加載，而JSON則是一種數據格式，常用于在前后端之間傳遞數據。本文將介紹AJAX與JSON的使用方法，并以舉例的方式來說明。

首先，我們來看一下AJAX的使用方法。AJAX（Asynchronous JavaScript And XML）是一種無需刷新整個網頁的技術，可以在后臺和前臺之間進行數據交換。使用AJAX可以實現頁面的異步加載，提升用戶體驗。以下是一個使用AJAX獲取數據的例子：

$.ajax({
url: "http://example.com/data",
method: "GET",
success: function(data) {
console.log(data);
},
error: function(error) {
console.log(error);
}
});

在上面的例子中，我們使用了jQuery的AJAX方法來發送GET請求，并指定了請求的URL。當請求成功時，success函數將被調用，其參數data將包含從服務器返回的數據。

接下來，我們來介紹JSON的使用方法。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端之間的數據傳遞。以下是一個JSON對象的示例：

{
"name": "John",
"age": 30,
"city": "New York"
}

可以通過JavaScript的JSON對象對JSON數據進行解析和操作。以下是一個使用JSON解析數據的例子：

var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var jsonData = JSON.parse(jsonString);
console.log(jsonData.name); // 輸出: John
console.log(jsonData.age); // 輸出: 30
console.log(jsonData.city); // 輸出: New York

在上面的例子中，我們將一個JSON字符串解析為JSON對象，并通過訪問對象的屬性來獲取數據。

接下來，我們來結合AJAX和JSON的使用場景，以一個通過AJAX獲取JSON數據并展示在網頁上的例子來說明。

$.ajax({
url: "http://example.com/data",
method: "GET",
success: function(data) {
var jsonData = JSON.parse(data);
$("#name").text(jsonData.name);
$("#age").text(jsonData.age);
$("#city").text(jsonData.city);
},
error: function(error) {
console.log(error);
}
});

在上面的例子中，我們使用AJAX發送GET請求獲取到了一個JSON字符串。然后，我們將該字符串解析為JSON對象，并通過jQuery的選擇器選中網頁中相應的元素，將獲取到的數據顯示在網頁上。

綜上所述，AJAX和JSON是在web開發中常用的兩種技術。通過AJAX，我們可以實現網頁的異步加載，提升用戶體驗；而JSON則是一種常用的數據格式，用于前后端之間的數據傳遞。通過舉例的方式，我們了解了AJAX和JSON的使用方法，希望對大家的web開發工作有所幫助。