AJAX是開發者的夢想,因為你可以:
- 更新網頁無需重新加載頁面
- 從服務器請求數據 - 在頁面加載後,
- 從服務器接收數據 - 在頁面加載後,
- 將數據發送到服務器 - 在後台
試一試在每章的例子
在每章的,您可以在線編輯的例子,並點擊一個按鈕來查看結果。
AJAX例子解釋:
HTML頁
<!DOCTYPE html>
<html>
<body>
<div id="demo"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadDoc()">Change Content</button>
</body>
</html>
HTML頁面包含一個<div>部分和<button> 。
該<div>部分是用來顯示來自服務器的信息。
在<button>調用一個函數(如果點擊它)。
的功能從Web服務器請求數據,並將其顯示:
功能loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}