浅谈关于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 相关文章推荐
动态加载iframe
Jun 16 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 Javascript
jQuery控制控件文本的长度的操作方法
Dec 05 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
浅谈struts1 & jquery form 文件异步上传
May 25 jQuery
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
ES6基础之 Promise 对象用法实例详解
Aug 22 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
详解Bootstrap插件
2016/04/25 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
Vue实现todolist删除功能
2018/06/26 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
JS实现返回上一页并刷新页面的方法分析
2019/07/16 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
pycharm 使用心得(四)显示行号
2014/06/05 Python
Python实现批量修改文件名实例
2015/07/08 Python
Python中pygame的mouse鼠标事件用法实例
2015/11/11 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
Django 限制用户访问频率的中间件的实现
2018/08/23 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
JPA的特点
2014/10/25 面试题
2015年小学美术工作总结
2015/05/25 职场文书
法律服务所工作总结
2015/08/10 职场文书
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript