AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下從服務器加載數據的技術。通過使用AJAX，網頁可以在后臺與服務器進行數據交換，然后使用JavaScript更新頁面的一部分，而不需要刷新整個頁面。
在原生JavaScript中，使用AJAX為頁面添加元素是非常簡單的。例如，假設我們有一個按鈕，當我們點擊該按鈕時，動態地向服務器請求數據并將數據以新的元素形式添加到頁面上。
在上面的代碼中，我們在頁面上有一個按鈕和一個容器元素，我們將在其中添加新的元素。
接下來，我們需要編寫JavaScript代碼來實現當按鈕被點擊時，向服務器發送請求并添加元素到頁面的功能。
document.getElementById('addButton').addEventListener('click', function() {
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(this.responseText);
var newElement = document.createElement('p');
newElement.textContent = responseData.message;
document.getElementById('elementContainer').appendChild(newElement);
}
};
request.open('GET', 'https://api.example.com/data', true);
request.send();
});在上面的代碼中，我們首先通過按鈕的ID將其獲取到（使用getElementById函數），然后通過addEventListener函數將一個點擊事件監聽器綁定到它上面。當按鈕被點擊時，事件監聽器中的代碼將被執行。
在事件監聽器中，我們首先創建一個新的XMLHttpRequest對象，并使用其onreadystatechange屬性來設置一個回調函數。當請求的狀態發生變化時（通過readyState屬性），回調函數將被調用。
在回調函數中，我們首先檢查請求是否完成（readyState為4）并且狀態碼是否為200（表示成功）。如果是這樣，我們使用JSON.parse函數解析服務器返回的JSON數據，并將其添加到一個新的段落元素中。然后，我們使用appendChild函數將新元素添加到之前創建的容器元素中。
最后，我們使用open函數來配置我們的請求，這里我們使用GET方法來向指定的URL發送請求。最后，我們使用send函數發送請求。
總結來說，使用原生JavaScript和AJAX為頁面添加元素非常簡單。我們可以通過創建一個XMLHttpRequest對象，設置一個回調函數以處理服務器的響應，并將新的元素添加到頁面中。這使得我們能夠動態地向頁面添加新的內容，而不需要刷新整個頁面。