浅谈关于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文件的代码
Jul 18 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
JavaScript中的值类型转换介绍
Dec 31 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
Jul 13 Javascript
详解React开发必不可少的eslint配置
Feb 05 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
Jun 25 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 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中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
Thinkphp中数据按分类嵌套循环实现方法
2014/10/30 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
php实用代码片段整理
2016/11/12 PHP
php创建类并调用的实例方法
2019/09/25 PHP
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
json的前台操作和后台操作实现代码
2012/01/20 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
python动态加载包的方法小结
2016/04/18 Python
django之常用命令详解
2016/06/30 Python
Python函数的周期性执行实现方法
2016/08/13 Python
深入浅出学习python装饰器
2017/09/29 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
用opencv给图片换背景色的示例代码
2020/07/08 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
Servlet如何得到服务器的信息
2015/12/22 面试题
《从现在开始》教学反思
2014/04/15 职场文书
劳动竞赛口号
2014/06/16 职场文书
英文导游词
2015/02/13 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
高中军训感想
2015/08/07 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
mysql 直接拷贝data 目录下文件还原数据的实现
2021/07/25 MySQL
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python