隨著互聯(lián)網(wǎng)的發(fā)展，web頁面的交互性和實(shí)時性要求也越來越高。為了滿足這一需求，出現(xiàn)了ajax（Asynchronous JavaScript and XML）技術(shù)。ajax技術(shù)可以實(shí)現(xiàn)在不重新加載整個頁面的情況下，與服務(wù)器進(jìn)行異步通信，從而實(shí)現(xiàn)頁面的局部更新和實(shí)時數(shù)據(jù)的展示。本文將介紹ajax異步請求的基本用法，并通過舉例說明其實(shí)際應(yīng)用。

ajax的基本用法非常簡單，通過JavaScript的XMLHttpRequest對象來實(shí)現(xiàn)與服務(wù)器的通信。下面是一個簡單的例子，通過ajax請求獲取服務(wù)器上的一段文本內(nèi)容：

var xhr = new XMLHttpRequest();  //創(chuàng)建XMLHttpRequest對象
xhr.open("GET", "example.txt", true);  //指定請求方式、請求url和請求是否異步，默認(rèn)異步
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {  //請求完成且響應(yīng)成功
var text = xhr.responseText;  //獲取服務(wù)器響應(yīng)的內(nèi)容
document.getElementById("content").innerHTML = text;  //更新頁面上的內(nèi)容
}
};
xhr.send();  //發(fā)送請求

在上面的例子中，首先創(chuàng)建了XMLHttpRequest對象，然后通過open方法指定了請求方式為GET，請求的url為example.txt并且請求是異步方式的。接下來通過onreadystatechange事件監(jiān)聽器來監(jiān)測請求的狀態(tài)變化，當(dāng)請求完成且響應(yīng)成功時，獲取服務(wù)器返回的響應(yīng)內(nèi)容并更新頁面上的指定元素的內(nèi)容。

ajax不僅可以發(fā)送GET請求，還可以發(fā)送POST請求。下面是一個使用ajax發(fā)送POST請求的例子：

var xhr = new XMLHttpRequest();
xhr.open("POST", "example.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  //設(shè)置請求頭
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
document.getElementById("result").innerHTML = response;
}
};
var data = "name=John&age=30";
xhr.send(data);  //發(fā)送請求

在上面的例子中，使用POST方式發(fā)送請求時，需要設(shè)置一個請求頭Content-Type來指定請求體的格式，默認(rèn)為application/x-www-form-urlencoded。接下來通過send方法發(fā)送請求時，需要傳遞請求體的內(nèi)容，這里使用字符串的形式，鍵值對之間用&符號連接。

ajax還可以與服務(wù)器進(jìn)行JSON數(shù)據(jù)的交互，下面是一個使用ajax獲取JSON數(shù)據(jù)的例子：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var json = JSON.parse(xhr.responseText);  //將JSON字符串解析為JavaScript對象
var name = json.name;  //獲取JSON數(shù)據(jù)中的字段值
var age = json.age;
var result = "Name: " + name + ", Age: " + age;
document.getElementById("result").innerHTML = result;
}
};
xhr.send();

在上面的例子中，服務(wù)器返回的響應(yīng)內(nèi)容為一個JSON字符串，通過JSON.parse方法將其解析為JavaScript對象，然后可以直接獲取對象中的字段值，進(jìn)行相應(yīng)的操作和展示。

綜上所述，ajax異步請求可以實(shí)現(xiàn)與服務(wù)器的無刷新通信，極大地提升了web頁面的交互性和實(shí)時性。通過ajax的基本用法，可以輕松地發(fā)送GET或POST請求，獲取服務(wù)器返回的文本內(nèi)容或JSON數(shù)據(jù)，并實(shí)現(xiàn)頁面的局部更新。在實(shí)際項(xiàng)目開發(fā)中，ajax技術(shù)被廣泛應(yīng)用于各種場景，如用戶名的實(shí)時檢測、數(shù)據(jù)的分頁加載、即時聊天等。