在Web開發中，我們經常需要獲取服務器數據并將其展示在網頁上。常見的方式是刷新整個頁面或跳轉到另一個頁面來獲取和展示數據，但這種方式會影響用戶體驗和頁面性能。為了解決這些問題，開發者們提出了AJAX技術。

AJAX（Asynchronous JavaScript and XML）是一種在后臺與服務器進行數據交換的技術。它可以使網頁實現異步更新，不用刷新網頁，也不用跳轉到另一個頁面，就能獲取和展示服務器數據。

下面我們來看一下如何使用AJAX獲取數據并將其寫入HTML代碼中：

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽xhr對象的onload事件
xhr.onload = function() {
// 當請求成功時執行此函數
// 將獲取到的數據寫入頁面中
document.getElementById("demo").innerHTML = xhr.responseText;
};
// 打開一個請求，參數1是請求方法，參數2是請求URL
xhr.open("GET", "data.json", true);
// 發送請求
xhr.send();

以上代碼首先創建一個XMLHttpRequest對象，然后使用open()方法打開一個GET請求，參數1是請求方法，參數2是請求URL，參數3是異步請求。最后使用send()方法發送請求，服務器返回數據時會觸發xhr對象的onload事件，我們可以在該事件中將獲取到的數據寫入HTML代碼中。

總結一下，AJAX技術可以幫助我們在不刷新整個頁面的情況下獲取和展示服務器數據。使用AJAX需要創建XMLHttpRequest對象，打開請求并發送請求，最后將獲取到的數據寫入HTML代碼中。通過這個簡單的例子，我們可以深入了解AJAX的用法和原理。