浅谈关于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 相关文章推荐
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
JavaScript实现点击文字切换登录窗口的方法
May 11 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
jQuery使用getJSON方法获取json数据完整示例
Sep 13 Javascript
AngularJS入门教程一:路由用法初探
May 27 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 16 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
详解JVM系列之内存模型
Jun 10 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读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
2013/03/04 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
2015/03/02 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
javascript如何创建对象
2016/08/29 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
Node批量爬取头条视频并保存方法
2018/09/20 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
浅谈Python处理PDF的方法
2017/11/10 Python
详解python字节码
2018/02/07 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
Python json转字典字符方法实例解析
2020/04/13 Python
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
.net工程师笔试题
2012/06/09 面试题
WINDOWS域的具体实现方式是什么
2014/02/20 面试题
高中学生期末评语
2014/04/25 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
实施意见格式范本
2015/06/05 职场文书