AJAX与AXIOS

AJAX

定义

概念：AJAX(Asynchronous JavaScript And XML):异步的JavaScript和XML

作用：

1. 与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面了。
2. 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用校验，等等.…

同步与异步

代码实现

// 1.创建XMLHttpRequest对象
var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
     xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
// 2.发送请求
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
// 3.获取响应
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.responseText;
  }
};

Axios异步框架

定义：对原生的AJAX进行封装，简化书写。
官网：https:/www.axios-http.cn

使用实例

请求方式别名: