AJAX 和 JSON 是在手機端開發中常用的技術。AJAX（Asynchronous JavaScript and XML）是一種無需重新加載整個頁面的技術，通過異步傳輸數據實現局部刷新。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，可將復雜的數據結構表示為簡潔的文本。在手機端開發中，使用 AJAX 和 JSON 可以實現實時加載數據、動態更新頁面等功能，提升用戶體驗。

一個常見的例子是通過 AJAX 和 JSON 實現手機端的即時搜索功能。當用戶在搜索框中輸入關鍵詞時，手機端會通過 AJAX 發送一個 HTTP 請求到服務器，請求包含用戶輸入的關鍵詞。服務器接收到請求后，根據關鍵詞進行查詢，并將查詢結果以 JSON 的形式返回給手機端。手機端通過解析 JSON 數據，將查詢結果展示在搜索結果頁面上。用戶可以實時看到搜索結果，無需刷新整個頁面。

// AJAX 請求示例
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/search?keyword=apple', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 解析 JSON 數據并更新頁面
updateSearchResults(response);
}
};
xhr.send();

另一個例子是使用 AJAX 和 JSON 實現手機端的動態加載數據功能。當用戶滑動屏幕到頁面底部時，手機端會通過 AJAX 發送一個 HTTP 請求到服務器，請求下一頁的數據。服務器接收到請求后，根據當前頁面的數據狀態，查詢下一頁的數據，并將數據以 JSON 的形式返回給手機端。手機端通過解析 JSON 數據，將新的數據追加到當前頁面的末尾，實現動態加載數據的效果。

// AJAX 請求示例
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/loadMore?page=2', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 解析 JSON 數據并追加到頁面末尾
appendData(response);
}
};
xhr.send();

總之，使用 AJAX 和 JSON 在手機端開發中能夠實現多種功能，例如即時搜索、動態加載數據等。通過異步傳輸數據和輕量級的數據交換格式，可以提升用戶體驗，減少頁面加載時間。在實際開發中，我們可以根據具體需求，靈活運用 AJAX 和 JSON 技術，為手機端提供更好的用戶體驗。