美文网首页Angular.js专场Angular开发指南
angular.js中http请求的优化过程+async awa

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

作者: BirdNiao | 来源:发表于2017-11-29 06:44 被阅读77次

这篇文章讲讲从刚开始接触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

相关文章

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

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

  • 资源合并与压缩

    深入理解HTTP请求的过程 是前端优化的核心 资源的合并与压缩: 减少HTTP请求数量 减少请求资源的大小 HTM...

  • ts+antd上传图片格式

    const onFinish=async(value:any)=>{//提交 let data = awa...

  • ajax之async属性

    Ajax请求中的async:false/true的作用 官方的解释是:http://api.jquery.com/...

  • ajax之async属性

    Ajax请求中的async:false/true的作用 官方的解释是:http://api.jquery.com/...

  • async/await

    上次我们大概说了一下 Promise ,今天就接着讲 async/await 这组 API 。 async/awa...

  • 10.5 async 及 await

    10.5 async 及 await问题一:async 及 await 的特点,它们的优点和缺点分别是什么?awa...

  • Web Optimization

    Web前端开发常用的优化技巧汇总 @(2018/06/20) 减少HTTP请求的次数 页面中每发送一次HTTP请求...

  • HTTP请求过程

    一次完整的HTTP请求过程从TCP三次握手建立连接成功后开始,客户端按照指定的格式开始向服务端发送HTTP请求,服...

  • HTTP请求过程

    这篇文章简单描述一下HTTP请求的过程。 当我们在浏览器输入网址之后都发生了什么呢? 以访问http://www....

网友评论

    本文标题:angular.js中http请求的优化过程+async awa

    本文链接:https://www.haomeiwen.com/subject/csrjextx.html