什么是Ajax

一、什么是ajax

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

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

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

二、使用axios实现Ajax

        1.导入axios.min.js

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

        2.ajax的请求方式

                GET方式：

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

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

        

 

有需要axios.min.js的朋友可以私聊我发送哦！