浅谈关于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 相关文章推荐
基于jquery的监控数据是否发生改变
Apr 11 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
函数式 JavaScript(一)简介
Jul 07 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
JavaScript实现强制重定向至HTTPS页面
Jun 10 Javascript
基于jquery实现日历签到功能
Sep 11 Javascript
详解JavaScript函数
Dec 01 Javascript
深入探究AngularJS框架中Scope对象的超级教程
Jan 04 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
Dec 03 Javascript
layer扩展打开/关闭动画的方法
Sep 23 Javascript
浅谈react useEffect闭包的坑
Jun 08 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
PHP4与PHP5的时间格式问题
2008/02/17 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
php从字符串创建函数的方法
2015/03/16 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
2009/11/28 Javascript
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
用jquery存取照片的具体实现方法
2013/06/30 Javascript
js动态创建、删除表格示例代码
2013/08/07 Javascript
JavaScript中使用指数方法Math.exp()的简介
2015/06/15 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
vue-resource拦截器设置头信息的实例
2017/10/27 Javascript
js常见遍历操作小结
2019/06/06 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
JS实现星星海特效
2019/12/24 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
Python上传package到Pypi(代码简单)
2016/02/06 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
Python装饰器用法与知识点小结
2020/03/09 Python
Python如何给函数库增加日志功能
2020/08/04 Python
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
.net C#面试题
2012/08/28 面试题
建龙钢铁面试总结
2014/04/15 面试题
土地转让协议书
2014/04/15 职场文书
党员民主生活会对照检查材料思想汇报
2014/09/28 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
抗洪救灾感谢信
2015/01/22 职场文书
太行山上观后感
2015/06/05 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang