AJAX（Asynchronous JavaScript and XML）是一種用于創建快速和動態網頁應用程序的技術。它允許在不刷新整個頁面的情況下進行異步通信，從而使用戶能夠獲得更快和更流暢的瀏覽體驗。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于在客戶端和服務器之間傳輸數據。在面試中，經常會出現關于AJAX和JSON的問題，這篇文章將為你解答一些常見的問題。

首先，讓我們來看一個簡單的AJAX例子。假設你正在開發一個在線商城的網站，你希望在用戶輸入商品名稱時自動顯示相關的商品列表。你可以使用AJAX來實現這個功能，而不需要刷新整個頁面。下面是一個示例代碼：

$(document).ready(function(){
$('#product-name').on('keyup', function(){
var keyword = $(this).val();
$.ajax({
url: 'search.php',
method: 'POST',
data: {keyword: keyword},
success: function(response){
$('#product-list').html(response);
}
});
});
});

在上面的代碼中，我們使用了jQuery庫來簡化AJAX的操作。當用戶在商品名稱輸入框中鍵入字符時，keyup事件被觸發，并將該字符作為關鍵字發送到服務器的search.php頁面。服務器根據關鍵字查詢相關的商品，然后將結果作為HTML代碼返回給客戶端。最后，jQuery的html()方法將結果插入到id為product-list的DOM元素中。

接下來，讓我們來談談JSON。JSON是一種基于文本的數據交換格式，它使用簡潔、易于閱讀的方式來表示數據。考慮以下的JSON示例：

{
"name": "John",
"age": 25,
"skills": ["HTML", "CSS", "JavaScript"]
}

上面的JSON代碼表示一個人的信息，包括姓名、年齡和技能。JSON中的鍵值對由冒號分隔，各個鍵值對之間以逗號分隔。可以使用JavaScript的JSON對象來解析和操作JSON數據。下面是一個使用JSON的示例：

var data = '{
"name": "John",
"age": 25,
"skills": ["HTML", "CSS", "JavaScript"]
}';
var obj = JSON.parse(data);
console.log(obj.name); // 輸出 "John"
console.log(obj.age); // 輸出 25
console.log(obj.skills[0]); // 輸出 "HTML"

在上面的代碼中，我們使用JSON.parse()方法將JSON數據解析為JavaScript對象。然后，我們可以通過對象的屬性來訪問JSON數據的值。

綜上所述，AJAX和JSON是開發動態和交互式網頁應用的重要技術。AJAX使我們能夠以異步方式從服務器獲取數據，并在頁面上實時更新內容，從而提供更好的用戶體驗。JSON則提供了一種簡潔的數據交換格式，有助于在客戶端和服務器之間傳輸數據。在面試中，對于AJAX和JSON的了解將有助于展示你對Web開發的知識和實踐經驗。