Ajax是一種基于現有技術的Web開發方法，其中包括JavaScript，HTML，CSS和服務器端腳本。Ajax允許通過不刷新整個頁面的情況下，與服務器進行異步通信。可以使用JavaScript來實現Ajax功能，這使得開發人員可以動態加載數據、更新頁面內容以及實現無縫的用戶體驗。以下是一些關于使用JavaScript編寫Ajax功能的示例。

首先，我們可以使用Ajax來實現動態獲取最新的新聞內容。假設我們有一個新聞網站，我們想在首頁上顯示最新的新聞標題。通過使用Ajax，可以將JavaScript代碼嵌入到首頁中，并從服務器異步請求最新的新聞標題。下面是一個示例代碼：

var xhr = new XMLHttpRequest();
xhr.open("GET", "news.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById("news-title").innerText = response.title;
}
};
xhr.send();

在上面的代碼中，我們使用XMLHttpRequest對象來發起GET請求獲取新聞標題。當服務器返回響應時，我們解析響應文本，并將新聞標題更新到頁面的相應元素中。

其次，Ajax還可以用于實現自動完成功能。假設我們有一個搜索框，當用戶輸入關鍵字時，我們想實時從服務器獲取相關建議。通過使用Ajax，我們可以在用戶輸入時進行異步請求，并動態顯示相關建議。以下是一個示例代碼：

var searchInput = document.getElementById("search-input");
searchInput.addEventListener("input", function() {
var keyword = searchInput.value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "suggestions.php?keyword=" + keyword, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
showSuggestions(response);
}
};
xhr.send();
});
function showSuggestions(suggestions) {
var suggestionsList = document.getElementById("suggestions-list");
suggestionsList.innerHTML = "";
suggestions.forEach(function(suggestion) {
var suggestionItem = document.createElement("li");
suggestionItem.innerText = suggestion;
suggestionsList.appendChild(suggestionItem);
});
}

在上面的代碼中，我們使用addEventListener方法監聽搜索框的輸入事件。每當用戶輸入時，我們發送帶有關鍵字參數的GET請求。當服務器返回建議列表時，我們將其動態顯示在頁面上。

除了以上示例，Ajax還可以用于實現動態加載內容、表單提交驗證以及與服務器端數據的增刪改查等功能。通過JavaScript編寫Ajax代碼，我們可以更好地控制Web應用程序的交互行為，并提供更好的用戶體驗。