浅谈关于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中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 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
杏林同学录(四)
2006/10/09 PHP
PHP下一个非常全面获取图象信息的函数
2008/11/20 PHP
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
php去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
用来解析.htgroup文件的PHP类
2012/09/05 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
jQuery 中国省市两级联动选择附图
2014/05/14 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
vue中添加mp3音频文件的方法
2018/03/02 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
python 禁止函数修改列表的实现方法
2017/08/03 Python
python下10个简单实例代码
2017/11/15 Python
python实现彩票系统
2020/06/28 Python
Python Process多进程实现过程
2019/10/22 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
经典大学生求职信范文
2014/01/06 职场文书
师范生自荐信模板
2014/05/28 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
成都人事代理协议书
2014/10/25 职场文书
计算机专业自荐信
2015/03/05 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
创业计划书之美容店
2019/09/16 职场文书