浅谈关于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 相关文章推荐
取选中的radio的值
Jan 11 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 Javascript
基于Jquery easyui 选中特定的tab
Nov 17 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
Dec 26 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
使用vue的v-for生成table并给table加上序号的实例代码
Oct 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
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
jQuery实现当按下回车键时绑定点击事件
2014/01/28 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
angularJs利用$scope处理升降序的方法
2018/10/08 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
Python中__init__.py文件的作用详解
2016/09/18 Python
python机器学习之神经网络(三)
2017/12/20 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
django实现支付宝支付实例讲解
2019/10/17 Python
Python使用贪婪算法解决问题
2019/10/22 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
Python远程linux执行命令实现
2020/11/11 Python
工程师求职简历的自我评价分享
2013/10/10 职场文书
制冷与电控专业应届生求职信
2013/11/11 职场文书
医护人员英文求职信范文
2013/11/26 职场文书
医学专业五年以上个人求职信
2013/12/03 职场文书
大学生写自荐信的技巧
2014/01/08 职场文书
英语道歉信范文
2014/01/09 职场文书
请假条的格式
2014/04/11 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书