最新的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!