浅谈关于angularJs中使用$.ajax的注意点


Posted in Javascript onAugust 12, 2017

本文介绍了关于angularJs中使用$.ajax的注意点,分享给大家,具体如下

从技术上来讲,angular 与 jquery混用,是一件不太合适的,但是为什么这个话题争论至今依旧仁者见仁智者见智,

除了便捷度,还有可能就是jquery有些地方确实比angular要全面些,就比如说ajax跨域方面。

我本人平时用angular开发的时候,基本上就只是用angular,即便有angular.element 这个方法也是尽量少使用,我建议大家如果使用框架,尽量就使用一种,因为这些都是封装的方法,难免会有冲突。真出了bug会比较棘手。

直奔主题:

ajax跨域或者参数类型(dataType)需要设定的时候,$http会显得很尴尬,那么这时候我想到了使用$.ajax;

本来$.ajax写起来倒是不比$http墨迹,但是写完就发现问题来了,view层对$.ajax处理完的对象完全不予理睬。

angular的特色是双向绑定,复杂点说,有一个脏值检测系统,主要包括:$watch 和 $digest;

触发$digest里面有一个玩意叫$apply,$apply 被认为是 使AngularJs与第三方库混合使用最标准的方式。

$.ajax({
  data:{},
  url:'',
  type/method:'',
  dataType:'',
  success:
    function(){
    $scope.$appy();
    }
  }
)

处理完成之后加一个$scope.$apply()即可,这个方法还适用于setTimeout,setInterval等...

但是我依旧建议在能不使用第三方库的时候就不要使用。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS连接SQL数据库与ACCESS数据库的方法实例
Nov 21 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
jquery mobile界面数据刷新的实现方法
May 28 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
May 07 Javascript
微信小程序自定义头部导航栏(组件化)
Nov 15 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 #Javascript
js模块加载方式浅析
Aug 12 #Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 #Javascript
Node.js pipe实现源码解析
Aug 12 #Javascript
vue实现移动端图片裁剪上传功能
Aug 18 #Javascript
JavaScript实现图片切换效果
Aug 12 #Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 #Javascript
You might like
PHP借助phpmailer发送邮件
2015/05/11 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
javascript运动详解
2015/07/06 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
Vue插槽原理与用法详解
2019/03/05 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
python对一个数向上取整的实例方法
2020/06/18 Python
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
教师自我评价范例
2013/09/24 职场文书
暑期实习鉴定
2013/12/16 职场文书
我的网上商城创业计划书
2013/12/26 职场文书
个人委托书如何写
2014/09/25 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
小学体育教学随笔
2015/08/14 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
mybatis 获取更新记录的id
2022/05/20 Java/Android