破除js http axios请求的蛋疼异步,治一治Promise的神奇同步
在vue 2 的相关项目中,有这样一个需求:从服务器中获取授权信息,在页面中调用相应的组件及处理其他数据;此过程需要在vue所有功能之前执行。如何设置同步),返回的数据是。最终只能选择原始的js的数据请求。在使用时,无论如何,都没有达到new XMLHttpRequest();
·
需求
在vue 2 的相关项目中,有这样一个需求:从服务器中获取授权信息,在页面中调用相应的组件及处理其他数据;此过程需要在vue所有功能之前执行。
解决方法
最开始使用axios
执行数据请求(我不知道 axios
如何设置同步),返回的数据是 Promise
的。
在使用时,无论如何,都没有达到先加载数据,再渲染页面
的需求。
最终只能选择原始的js的数据请求XMLHttpRequest()
let xhr = new XMLHttpRequest();//细查此方法的更多使用说明,此处简略记录
xhr.open('get', url, false);//false-同步
xhr.send(null);
if (xhr.status != 200) {}else{}
xhr.responseText;//响应文本
还是原生好弄
更多推荐
已为社区贡献3条内容
所有评论(0)