AJAX是一種技術，通過它我們可以在不刷新整個網頁的情況下與服務器進行數據交互。而JSON則是一種數據格式，被廣泛應用于數據傳輸和存儲。在面試中，經常會遇到與AJAX和JSON相關的問題。本文將通過舉例來解析一些常見的AJAX和JSON面試題。

問題1：AJAX和JSON有什么區別？

AJAX是一種用于實現異步通信的技術，能夠在后臺與服務器進行數據交互，并通過局部刷新網頁的方式來更新部分內容。JSON（JavaScript Object Notation）則是一種輕量級的數據交換格式，以易于理解和生成的形式傳輸數據。AJAX和JSON可以搭配使用，通過AJAX發送請求，然后將服務器返回的數據以JSON格式進行解析和處理。

問題2：如何使用AJAX發送GET請求？

$.ajax({
url: "example.com/data",
type: 'GET',
dataType: 'json',
success: function(data) {
// 處理返回的數據
},
error: function(xhr, status, error) {
// 處理錯誤信息
}
});

上述代碼使用jQuery庫提供的AJAX函數發送GET請求，指定了一個URL，請求的類型為GET，數據類型為JSON。當請求成功時，會執行success回調函數，將返回的數據作為參數傳入；當請求失敗時，會執行error回調函數，可以通過xhr、status和error參數獲取相關信息。

問題3：如何使用AJAX發送POST請求并提交JSON數據？

$.ajax({
url: "example.com/data",
type: 'POST',
dataType: 'json',
data: JSON.stringify({ name: "John", age: 25 }),
success: function(data) {
// 處理返回的數據
},
error: function(xhr, status, error) {
// 處理錯誤信息
}
});

上述代碼將一個包含name和age屬性的JavaScript對象通過JSON.stringify方法轉換成JSON字符串，并作為POST請求的數據發送到服務器。服務器收到請求后進行解析，可以使用相應的后端語言對JSON數據進行處理。

問題4：如何解析JSON數據？

var jsonStr = '{"name":"John", "age":25}';
var obj = JSON.parse(jsonStr);
console.log(obj.name); // 輸出: John
console.log(obj.age);  // 輸出: 25

上述代碼使用JSON.parse方法將JSON字符串解析為JavaScript對象。解析后的對象可以通過點號或方括號訪問其屬性值。在這個例子中，obj.name輸出的是John，obj.age輸出的是25。

問題5：AJAX中的同步請求和異步請求有什么區別？

在默認情況下，AJAX請求是異步的，即發送AJAX請求后，網頁不會等待請求返回再進行其他操作，而是繼續向下執行。而同步請求會導致網頁處于等待狀態，直到請求返回后才繼續執行后續代碼。在實際開發中，一般使用異步請求，因為同步請求會使用戶感覺到網頁卡頓，降低用戶體驗。

通過以上舉例，我們可以看到AJAX和JSON在前端開發中扮演著重要的角色。掌握AJAX和JSON的使用可以提高網頁交互的效率，并且使數據傳輸更加靈活和可擴展。