TNBLOG
首页
博客
视频
资源
问答
猿趣
手机
关于
搜索
收藏
便签
笔记
消息
创作
登录
忆点点
情不知从何起,一往而情深
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
.net
35篇
.net core
15篇
cdn
1篇
云服务
1篇
前端
72篇
后端
6篇
随笔
19篇
架构
1篇
linux
6篇
git
3篇
virtualbox
1篇
app
1篇
英语
4篇
redis
4篇
docker
4篇
更多
mysql
6篇
sqlsugar
4篇
uni_app
4篇
数据库
1篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
转
axios实现同步请求,实现jquery async:false效果
2282
人阅读
2023/3/28 15:58
总访问:
783281
评论:
0
收藏:
0
手机
分类:
前端
如何实现ajax请求的同步? 通过jquery发送,将async属性设置为false,这样就会发送同步请求 在axios中,所有的请求都是异步发送的。所以单独用axios是实现不了同步的,需要结合async与await关键字使用。 ``` var data = {} axios.get("./data1.json").then(res => data = res.data) console.log(data) ``` 如果我们的代码是这个顺序,则data还是个空对象,是获取不到的。 async 与 await async是修饰函数的,async修饰的函数的返回值是promise对象,这个promise对象的状态与值具体要看被修饰的函数的返回值,如果被修饰的函数的返回值为非promise对象,那该函数返回的promise对象的状态为成功,成功的值就是返回值,如果被修饰的函数返回的是一个promise对象,则的返回的promise对象的值与状态由函数return后的promise对象的状态和值决定。 await 必须用在async函数中,await 后修饰的是一个promise对象,await返回的值,就是promise对象成功的值。 ``` async function init(){ var data = {} var res = await axios.get("./data1.json") data = res.data console.log(data) } init() ``` 这样axios请求就成了同步的,axios请求本身返回的就是一个promise对象,await语句可以将promise对象成功的值返回出去,也就是这里的res就是axios请求成功的值。 这样就可以同步获取结果了。 在vue中可以这样用 ``` new Vue({ methods:{ async listData(){ var res = await axios.post(xxxx) console.log(res) } } }) ``` 原文:http://blog.miequan.com/archives/1592
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}