1.什么是ajax
ajax=异步 javaScript和XML
简单来说说AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
2.ajax在哪里会用到
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
简单来说ajax可以实现局部刷新,并且他是异步的。
3.ajax的基本使用
3.1通过XmL
这里用get举例
另一种写法
此时onload就相当于是onreadystatechange里面的内容
不过这种写法我们大都已经不在使用,市面上有别人封装好的 不必每次都要写这么多
3.2常见状态码
4.axios
axios是一个基于Promise的方法,可以发送get、post等请求,并且前后端都可以使用。
1.如何使用axios
引入的方式主要有三种
npm $ npm install axios
直接引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
下载压缩过后的js https://unpkg.com/axios/dist/axios.min.js
这里以post请求为例
axios({
method: "post",//请求方式
url: "http://localhost:3000/user", //请求地址
//get params get传递参数放在params里面
//put post data put和post传递参数放在data里面
data: {
name: "gaoqiqiang",
age: 50
}
})
.then(res => {
console.log(res.data);
})
.catch(err => {
console.log("err", ree);
})