angular.js中http请求的优化过程+async awa

这篇文章讲讲从刚开始接触angular.js,到后面非常熟悉angular.js后,关于ajax请求这一块代码的优化过程

一.刚开始接触angular.js时的ajax请求代码:

重点词:then,

问题点:

1.参数全部拼接

2.$ionicLoading每次请求都需要加上

二.第一次改进后的ajax请求代码:

改进点:1.用data对象来传递params和data参数,

2.将$ionicLoading加入请求的回调中,减少$ionicLoading的重复代码

三.第二次改进后的ajax请求代码:

改进点:1.data和params用解构复制分开,并给默认值

2.添加请求成功,但有其他错误的处理

3.添加另外一个Ajax方法,可以取消$ionicLoading自动关闭

四.最终优化代码:

改进点:1.可以自定义错误提示文字

2.优化抛出错误

3.使用async await,不用再回调,错误统一由try catch捕捉

4.可以配置关闭$ionicLoading