浅谈关于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 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
jQuery 使用手册(七)
Sep 23 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
Javascript常用小技巧汇总
Jun 24 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
基于jquery实现多选下拉列表
Aug 02 jQuery
layui文件上传控件带更改后数据传值的方法
Sep 23 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
详解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
解析mysql 表中的碎片产生原因以及清理
2013/06/22 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
2013/04/24 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
jQuery调取jSon数据并展示的方法
2015/01/29 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
python实现冒泡排序算法的两种方法
2018/03/10 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
波兰珠宝品牌:YES
2019/08/09 全球购物
法律工作求职自荐信
2013/10/31 职场文书
中专毕业生自荐信
2013/11/16 职场文书
财务副总经理工作职责
2013/11/25 职场文书
省文明单位申报材料
2014/05/08 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
创新创业项目计划书该怎样写?
2019/08/13 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript