Asios笔记总结
1. 引入Axios
简单使用直接使用Axios CDN引入(后续可以使用npm将Axios全局引入)
<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
2. Axios发送Get请求
使用axios.get()
来发送Get请求
Get请求:
参数为路径参数
eg1:api/getOne/232424323
(232424323表示可变的id参数,直接拼接到路径)
eg2: api/getOne?id=232424323
(232424323表示可变的id参数,通过?参数=值
的形式拼接到路径)
注意:Get请求是没有Body请求体的,不能发送对象参数
2.1 Get请求示例:
axios({
method: 'GET',
url,
params: paramsData
}).then(function (res) {
let result = res.data
console.log(result);
})
2.2 使用JS封装自己的Get和Delete请求
1.如果传递参数就把参数转化为?参数=值
的形式,没有传递参数,就直接请求URL
。
2.由于发送请求是异步
操作,所以不能通过return
的方式返回响应数据,应该用函数作为参数通过反向调用函数将响应数据通过函数的形参传递出去。(你把函数传给我,我就可以调用,并且把值传给该函数的形参)。
// 需要把data对象转化成查询字符串的格式,从而提交给服务器,
function resolveData(data) {
// 建立一个空数组
let arr = []
// 遍历数据对象
for (let k in data) {
// 让数据对象中的属性和属性名以键值对的形式添加到数组中
let str = k + '=' + data[k]
arr.push(str)
}
// 多个属性之间用and符号连接
return arr.join('&')
}
//get请求
function getData(options) {
let qs = resolveData(options.params)<