最新的Web開發教程
 

AJAX教程


AJAX是開發者的夢想,因為你可以:

  • 更新網頁無需重新加載頁面
  • 從服務器請求數據 - 在頁面加載後,
  • 從服務器接收數據 - 在頁面加載後,
  • 將數據發送到服務器 - 在後台

試一試在每章的例子

在每章的,您可以在線編輯的例子,並點擊一個按鈕來查看結果。

AJAX實例

Let AJAX change this text

試一試»


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();
}

開始學習AJAX!