首先，我們需要在HTML頁(yè)面中創(chuàng)建一個(gè)用于顯示新聞標(biāo)題的
<div id="newsTitle"></div>
接下來(lái)，我們使用JavaScript編寫一個(gè)函數(shù)來(lái)發(fā)送Ajax請(qǐng)求并更新
function getNewsTitle() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("newsTitle").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "news.php", true);
xmlhttp.send();
}
getNewsTitle();在上述示例中，我們使用XMLHttpRequest對(duì)象來(lái)與服務(wù)器進(jìn)行通信。函數(shù)getNewsTitle()創(chuàng)建了一個(gè)XMLHttpRequest對(duì)象，并定義了一個(gè)onreadystatechange事件處理程序。當(dāng)readyState改變時(shí)，onreadystatechange事件被觸發(fā)，并檢查服務(wù)器返回的響應(yīng)狀態(tài)和狀態(tài)碼。如果服務(wù)器響應(yīng)成功（readyState為4且status為200），則更新
例如，當(dāng)用戶訪問該網(wǎng)頁(yè)時(shí)，頁(yè)面會(huì)自動(dòng)加載最新的新聞標(biāo)題。如果新聞標(biāo)題發(fā)生變化，網(wǎng)頁(yè)會(huì)通過(guò)Ajax請(qǐng)求更新
Ajax還可以用于網(wǎng)頁(yè)表單的提交和驗(yàn)證。例如，當(dāng)用戶提交一個(gè)表單時(shí)，可以使用Ajax來(lái)發(fā)送表單數(shù)據(jù)到服務(wù)器并進(jìn)行驗(yàn)證，而不需要刷新整個(gè)頁(yè)面。
總而言之，Ajax是一種強(qiáng)大的技術(shù)，使得網(wǎng)頁(yè)能夠?qū)崿F(xiàn)動(dòng)態(tài)刷新和異步加載數(shù)據(jù)。通過(guò)使用Ajax，網(wǎng)頁(yè)可以與服務(wù)器進(jìn)行交互，并根據(jù)服務(wù)器的響應(yīng)來(lái)改變網(wǎng)頁(yè)的內(nèi)容。這為用戶提供了更好的用戶體驗(yàn)，使得網(wǎng)頁(yè)不再需要頻繁刷新，且頁(yè)面變得更加動(dòng)態(tài)和友好。