基础Ajax

Ajax简介

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

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

Ajax涉及到7项技术，JavaScript，XMLHttpReauest，Dom，css，HTML，XML以及相关服务器API。

使用axios实现Ajax

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

导入axios.min.js

ajax的GET请求

axios.get(‘/user/findById’,{
params:{
id： 1，
}
}）.then(response =>{alert(reponse.data);});

)

ajax的POST请求

let param = new URLSearchParams()

param.append(‘id’,1);

axios.post(‘/user/findById,param’)
.then(response =>{alert(reponse.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);
)

}