JS async/await-ajax异步请求等待返回数据
- 例子使用的是 axios 做ajax请求
- 在vue中使用
定义方法
// 应用自定义了封装了一些内容axios
import Axios from '../axios'
// 这个对象是为了方便暴露出去
const ajax= {
// 定义一个普通方法
get: (url) => {
//主要内容在这里 在方法中返回一个Promise
// 使用Promise的resolve返回需要异步获取的对象即可
return new Promise((resolve, reject) => {
Axios ({
method: 'get',
url: url
}).then(response => {
// 成功返回
resolve({data: response.data})
}).catch(error => {
// 失败返回
resolve({data: error})
})
})
}
}
export default {
...ajax
}
使用
- 主要使用async/await关键字
- 定义方法使用async 修饰方法
- 调用方法使用await修饰 (前提是调用的方法必须是放回Promise)
import ajax from '../commonJs/ajax'
async goodsCategoryData() {
// 使用异步请求获取返回数据
let data = await ajax.get('/goods')
console.log('测试独立ajax', data)
},
总结
- 定义方法写的有点多是我自己的一点记录,其实就是一个普通的方法
