AJAX（Asynchronous JavaScript and XML）是一種在客戶端和服務器之間異步傳輸數(shù)據(jù)的技術。它通過在后臺與服務器進行數(shù)據(jù)交換，實現(xiàn)頁面的部分刷新，避免了整個頁面的重載。在使用AJAX建立服務器連接時，可以利用一些函數(shù)來簡化開發(fā)過程。下面將介紹一些常用的AJAX函數(shù)，并通過具體的例子來說明它們的用法。

首先，我們需要創(chuàng)建一個XMLHttpRequest對象來進行AJAX通信。該對象可以通過Ajax的構造函數(shù)來創(chuàng)建：

var xmlhttp = new XMLHttpRequest();

這個對象可以向服務器發(fā)送請求，接收響應，并更新頁面上的內(nèi)容。下面是一個例子，在點擊按鈕時，發(fā)送一個GET請求到服務器，并將服務器響應的文本顯示在頁面上：

function loadData() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "data.txt", true);
xmlhttp.send();
}

在上述代碼中，我們創(chuàng)建了一個XMLHttpRequest對象，并通過onreadystatechange屬性指定一個回調(diào)函數(shù)來處理服務器響應。當readyState為4（請求已完成）并且status為200（成功）時，我們將服務器響應的文本設置為頁面上id為"result"的元素的內(nèi)容。最后，我們通過open方法指定請求的類型（GET）和URL（"data.txt"），并通過send方法發(fā)送請求。

除了使用GET請求，我們還可以使用POST請求向服務器發(fā)送數(shù)據(jù)。下面是一個例子，通過在文本框中輸入內(nèi)容并點擊按鈕，將其發(fā)送到服務器：

function sendData() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
var data = document.getElementById("input").value;
xmlhttp.open("POST", "server.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("data=" + data);
}

在上述代碼中，我們通過document.getElementById獲取輸入框的值，然后在發(fā)送請求之前，使用setRequestHeader方法設置請求頭的Content-type為"application/x-www-form-urlencoded"，這樣服務器就能正確解析請求的數(shù)據(jù)。最后，我們通過send方法發(fā)送請求，并將輸入框的值作為參數(shù)傳遞給服務器。

AJAX還支持通過FormData對象發(fā)送表單數(shù)據(jù)，以便處理更復雜的數(shù)據(jù)。下面是一個例子，通過選擇文件并點擊按鈕，將文件上傳到服務器：

function uploadFile() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
var fileInput = document.getElementById("file");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
xmlhttp.open("POST", "upload.php", true);
xmlhttp.send(formData);
}

在上述代碼中，我們通過document.getElementById獲取文件輸入框的值，并通過fileInput.files[0]獲取選擇的文件。然后，我們創(chuàng)建了一個FormData對象，并通過append方法將文件添加到該對象中。最后，我們通過send方法發(fā)送請求，并將FormData對象作為參數(shù)傳遞給服務器。

通過上述的例子，我們可以看到AJAX建立服務器連接的函數(shù)對于實現(xiàn)頁面的異步更新非常有用。使用AJAX可以提升用戶體驗，通過與服務器的交互，無需刷新整個頁面就能更新部分內(nèi)容。這為開發(fā)者提供了更多的靈活性和交互性，使得網(wǎng)頁應用更加動態(tài)和智能。