浅谈关于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 相关文章推荐
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
解释&&和||在javascript中的另类用法
Jul 28 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
原生ajax处理json格式数据的实例代码
Dec 25 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
Aug 19 Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 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
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
基于php和mysql的简单的dao类实现crud操作功能
2014/01/27 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
javascript 写类方式之六
2009/07/05 Javascript
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
javascript实现五星评分功能
2015/11/10 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
基于Vue过渡状态实例讲解
2017/09/14 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
基于node.js实现爬虫的讲解
2019/02/18 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
python交互式图形编程实例(二)
2017/11/17 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
python re模块常见用法例举
2021/03/01 Python
利用python实现汉诺塔游戏
2021/03/01 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
公司董事长岗位职责
2014/06/08 职场文书
反邪教标语
2014/06/23 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
高中教师个人总结
2015/02/10 职场文书
python数字图像处理之图像的批量处理
2022/06/28 Python