在現代網頁開發中，為了提升用戶體驗，我們常常需要通過Ajax（Asynchronous JavaScript and XML）來獲取站點文件。Ajax允許我們通過JavaScript向服務器發起異步HTTP請求，獲取服務器返回的數據，并在不刷新整個網頁的情況下更新部分內容。

舉個例子，假設我們正在開發一個新聞網站，我們希望在用戶點擊分類標簽時，在頁面上動態加載相應分類的新聞文章內容，而不是刷新整個頁面。這時候，我們可以利用Ajax來獲取新聞文章的HTML文件，然后將其插入到網頁中。

function loadNews(category) {
var xhr = new XMLHttpRequest();  // 創建一個XHR對象
var url = "http://example.com/news/" + category + ".html";
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var newsContent = xhr.responseText;  // 獲取服務器返回的HTML內容
document.getElementById("news-container").innerHTML = newsContent;  // 將內容插入網頁
}
};
xhr.open("GET", url, true);  // 發起GET請求
xhr.send();  // 發送請求
}

上面的代碼中，我們首先創建了一個XMLHttpRequest對象（即XHR對象），然后設置了一個onreadystatechange事件處理函數。當XHR對象狀態發生變化時，該函數會被觸發。在函數內部，我們判斷了XHR對象的readyState和status屬性來確保服務器響應成功，然后從XHR對象的responseText屬性中獲取到了服務器返回的HTML內容。最后，我們將這個內容插入到網頁中指定的容器元素（id為news-container的元素）中。

除了獲取HTML文件，Ajax還可以用來獲取其他類型的文件。比如，我們可以使用Ajax從服務器獲取JSON、XML、文本文件等，然后根據需要進行相應的處理。

function loadJSON() {
var xhr = new XMLHttpRequest();  // 創建一個XHR對象
var url = "http://example.com/data.json";
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var jsonData = JSON.parse(xhr.responseText);  // 將JSON字符串解析為JavaScript對象
// 進行相應處理...
}
};
xhr.open("GET", url, true);  // 發起GET請求
xhr.send();  // 發送請求
}

上面的代碼中，我們通過Ajax從服務器獲取了一個JSON文件，并使用JSON.parse方法將返回的JSON字符串解析為JavaScript對象。然后，我們可以根據需要對這個對象進行相應的處理。

總而言之，Ajax為獲取站點文件提供了一種簡便的方式，使網頁能夠在不刷新整個頁面的情況下更新部分內容。通過使用XHR對象，我們可以發起異步HTTP請求，獲取服務器返回的數據，并在回調函數中進行相應的處理。無論是獲取HTML文件、JSON、XML，還是其他類型的文件，Ajax都可以勝任。這為我們提供了更豐富的開發能力，能夠創造出更吸引人的用戶體驗。