浅谈关于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 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
JQuery最佳实践之精妙的自定义事件
Aug 11 Javascript
jQuery学习笔记 获取jQuery对象
Sep 19 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
JavaScript实现格式化字符串函数String.format
Dec 16 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
JS简单实现数组去重的方法分析
Oct 14 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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计算两个日期相差天数的代码
2015/12/23 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
清空上传控件input file的值
2010/07/03 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
详解AngularJS验证、过滤器、指令
2017/01/04 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
2017/07/09 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
使用python实现strcmp函数功能示例
2014/03/25 Python
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
python简单图片操作:打开\显示\保存图像方法介绍
2017/11/23 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
C/C++程序员常见面试题二
2015/11/19 面试题
保险专业大专生求职信
2013/10/26 职场文书
学生自我鉴定
2013/12/18 职场文书
党员干部公开承诺书
2014/03/26 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
党支部换届选举方案
2014/05/08 职场文书
团员个人年度总结
2015/02/26 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers
redis实现排行榜功能
2021/05/24 Redis
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏