AJAX _ AJAX 简介

AJAX 简介

AJAX的全称是“Asynchronous JavaScript and XML”。用中文来说AJAX就是在客户端利用JavaScript脚本语言，向服务器发起异步请求，进行数据交换。

AJAX有如下2个特点：

大大减少每次和服务器的数据交换量，避免重新加载整个网页
AJAX是异步非阻塞的，有助于使网页的用户体验更好

AJAX 示例

如下例所示，点击按钮后，进行异步GET请求（AJAX），当服务器返回信息时，回调函数会将服务器返回的信息展示在页面上。

<!DOCTYPE html>
<html>
<body>

<div id="demo">
<h2>XMLHttpRequest对象</h2>
<button type="button" onclick="load_reback()">进行AJAX</button>
</div>

</body>
</html>

JavaScript中的load_reback()函数就是进行AJAX操作的自定义函数，如下所示：

function load_reback() {
  // 创建对象
  var xhttp = new XMLHttpRequest();
  // 设置回调函数 
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  // 设置请求方式、请求地址等相关信息
  xhttp.open("GET", "/action_page", true);
  // 发送请求
  xhttp.send();
}

运行一下

AJAX不仅可以在客户端向服务器发起GET请求，还可以向服务器发起POST请求。

AJAX 简介

推广