解决Angularjs异步操作后台请求用$q.all排列先后顺序问题


Posted in Javascript onNovember 29, 2019

最近我在做angularjs程序时遇到了一个问题

1.页面有很多选择框,一个选择框里面有众多的选择项,和一个默认选定的项,像下面这样(很多选择框,不只一个):

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

2.众多的选项要从后台接口得到,默认项从另一个后台接口得到,这就需要$promise.then()操作

3.而多个$promise.then()属于异步操作,先后顺序不是一定的,如果先得到众多选项,后得到默认值,显示就没有问题,如果顺序颠倒,默认项就会为空,这不是我想要的

4.这就需要众多选项的后台请求都获得完,才去后台请求默认值,

就用$q.all方法

let list = $q.all({    // 多个后台请求,部分先后顺序
 url1: getUrl1().$promise,
 url2: getUrl2().$promise,
 url3: getUrl3().$promise,
});
$scope.list.then(function (result) {
// 三个后台请求结果
 result.url1
 result.url2
 result.url3
}).finally(function () {  // finally的优点:1.无论成功失败都会执行 2.前面三个请求结束后才会执行
 // 最后一个后台请求

 // TODO
});

补充:当然还有then().then().then()......这种方法,就把请求顺序执行了,不过select众多选项的后台请求不需要先后顺序,只是默认项需要最后执行,我就选择$q.all这种方法了。

总结

以上所述是小编给大家介绍的解决Angularjs异步操作后台请求用$q.all排列先后顺序问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javascript 网页跳转的方法
Dec 24 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
js中跨域方法原理详解
Jul 19 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
jQuery事件用法详解
Oct 06 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
Vue.js上传图片到阿里云OSS存储的方法示例
Dec 13 Javascript
vue 组件开发原理与实现方法详解
Nov 29 #Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 #Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 #Javascript
js中关于Blob对象的介绍与使用
Nov 29 #Javascript
js blob类型url的视频下载问题的解决
Nov 29 #Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 #Javascript
VuePress 中如何增加用户登录功能
Nov 29 #Javascript
You might like
社区(php&&mysql)四
2006/10/09 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
日期 时间js控件
2009/05/07 Javascript
JavaScript 事件的一些重要说明
2009/10/25 Javascript
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
Python字符串处理实现单词反转
2017/06/14 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
python语音识别实践之百度语音API
2018/08/30 Python
python中while和for的区别总结
2019/06/28 Python
Python的条件锁与事件共享详解
2019/09/12 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
python定时截屏实现
2020/11/02 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
澳大利亚头发和美容产品购物网站:OZ Hair & Beauty
2020/03/27 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
函授毕业自我鉴定
2013/12/19 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
服务承诺书格式
2014/05/21 职场文书
单位工作证明范文
2014/09/14 职场文书
python中的被动信息搜集
2021/04/29 Python
用Python创建简易网站图文教程
2021/06/11 Python
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL