在前端開(kāi)發(fā)中，我們經(jīng)常使用到Ajax（Asynchronous JavaScript and XML）來(lái)實(shí)現(xiàn)與服務(wù)器的異步通信。而其中的send()方法是Ajax中非常重要的一部分。它用于將請(qǐng)求發(fā)送到服務(wù)器，并獲取服務(wù)器返回的數(shù)據(jù)。本文將重點(diǎn)介紹Ajax中的send()方法，包括其使用方法和一些示例。
首先，讓我們來(lái)看一下Ajax中send()方法的基本語(yǔ)法：
XMLHttpRequestObject.send(content)
在這個(gè)語(yǔ)法中，XMLHttpRequestObject是一個(gè)XMLHttpRequest對(duì)象，它可以通過(guò)new XMLHttpRequest()來(lái)創(chuàng)建。content是可選參數(shù)，表示要發(fā)送給服務(wù)器的數(shù)據(jù)內(nèi)容。
接下來(lái)，讓我們看一些具體的實(shí)例。
假設(shè)我們現(xiàn)在有一個(gè)簡(jiǎn)單的HTML頁(yè)面，其中有一個(gè)按鈕和一個(gè)div元素：
<body> <button onclick="loadData()">點(diǎn)擊加載數(shù)據(jù)</button> <div id="data"></div> </body>
我們的目標(biāo)是：當(dāng)用戶點(diǎn)擊按鈕時(shí)，通過(guò)Ajax發(fā)送請(qǐng)求，獲取服務(wù)器上的數(shù)據(jù)，并將其顯示在div元素中。那么我們可以這樣寫(xiě)代碼：
function loadData() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("data").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "data.php", true);
xhr.send();
}在這個(gè)示例中，我們首先創(chuàng)建了一個(gè)XMLHttpRequest對(duì)象xhr，并設(shè)置了其onreadystatechange屬性為一個(gè)回調(diào)函數(shù)。這個(gè)回調(diào)函數(shù)會(huì)在xhr對(duì)象的狀態(tài)發(fā)生變化時(shí)被觸發(fā)。
當(dāng)xhr對(duì)象的readyState屬性為4（請(qǐng)求已完成）并且status屬性為200（請(qǐng)求成功）時(shí)，我們將服務(wù)器返回的數(shù)據(jù)（通過(guò)xhr.responseText獲取）設(shè)置為div元素的innerHTML，從而將數(shù)據(jù)顯示在頁(yè)面上。
然后，我們調(diào)用xhr.open()方法，指定HTTP請(qǐng)求的類(lèi)型為GET，請(qǐng)求的URL為"data.php"，使用異步模式（參數(shù)為true）。
最后，我們調(diào)用xhr.send()方法發(fā)送請(qǐng)求。由于我們的請(qǐng)求是GET請(qǐng)求，沒(méi)有請(qǐng)求體，所以不需要傳入任何參數(shù)。
以上就是一個(gè)簡(jiǎn)單的Ajax請(qǐng)求的例子。當(dāng)然，實(shí)際應(yīng)用中可能還會(huì)涉及到更多的操作，比如傳遞參數(shù)、使用POST請(qǐng)求等等，但基本的使用方法是相同的。
總結(jié)一下，Ajax中的send()方法是用于發(fā)送請(qǐng)求的重要方法，它可以將請(qǐng)求發(fā)送到服務(wù)器，并獲取服務(wù)器返回的數(shù)據(jù)。通過(guò)適當(dāng)?shù)卦O(shè)置回調(diào)函數(shù)，我們可以在請(qǐng)求完成后對(duì)數(shù)據(jù)進(jìn)行處理，從而實(shí)現(xiàn)動(dòng)態(tài)更新頁(yè)面的效果。