axios:
是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中
axios通过 promise 又把 ajax 进行封装就成了 axios。
在现在的前端 mvvm 模式下 axios 更适合于数据请求。
就像jQuery实现ajax封装一样。
可以作为函数也可以作为对象使用
简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。
axios是ajax ajax不止axios。
axios特点:
从 node.js 创建 http 请求
支持 Promise API
客户端支持防xSRF
支持请求/响应拦截器
提供了一些并发请求的接口
请求/响应数据转换
axios发送ajax请求:
axios封装发送请求作为函数使用返回一个promise对象 return new Promise((resolve,reject)=>{})
xios封装发送请求
axios(config):函数,属性名是固定的,
axios({
url: '/getUsers', 路径
method: 'get', 请求方式
responseType: 'json', // 默认的
data: { post的请求参数?(查询参数)后面的参数,param(get请求)
//'a': 1,
//'b': 2,
}
}).then(function (response) {
console.log(response.data);
}).catch(function (error) {
console.log(error);
})
后端代码
1.创建对象
2打开连接
3发送请求
前端代码:
$.ajax({
url: '/getUsers',
type: 'get',
dataType: 'json',
data: {
'a': 1,
'b': 2,
},
success: function (response) {
console.log(response);
}
})
asios处理链流程:
axios.interceptors.request.use(回调函数)拦截器