Ajax简介

一，什么是ajax

 1，Ajax 全称是“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

2，Ajax利用javascript代替传统的表单提交方式，和服务器进行少量数据交换。可以将响应信息利用javascript进行网页数据的部分更新。

3，AJAX涉及到7项技术，Javascript、XMLHttpRequest、Dom、css、HTML、XML以及相关服务器API。

二，使用axios实现Ajax

        Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 axios是通过Promise实现对ajax技术的一种封装，ajax更好用更安全。

1，导入axios.min.js。

        <script src="/html/axios.min.js"></script>

ajax的GET请求：

axios.get('/user/findById', {
               params: {
                   id: 1,
               }
            }).then(response => {alert(response.data);});

ajax的POST请求：

let param = new URLSearchParams()
param.append('id', 1);

axios.post('/user/findById',param)
         .then(response => {alert(response.data);});

三，ajax的同步和异步

        ajax称为异步的javascript和XML。这意味着，当使用ajax发送请求时，不用等到服务器响应，就可以执行别的任务。而同步请求是指，需要等到服务器响应信息到达后，才会执行别的任务。

axios的同步请求：

async function getId(){
            var x = 0;
            await axios.get("/user/getId").then(e =>{
               x = e.data;
            });
            alert(x);
}