浅谈关于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 相关文章推荐
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
js比较和逻辑运算符的介绍
Mar 10 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
日常收藏的jquery技巧
Dec 02 Javascript
jQuery选择器实例应用
Jan 05 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
vue实现倒计时获取验证码效果
Apr 17 Javascript
JavaScript如何实现图片处理与合成
May 29 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
Jul 19 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 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读MYSQL中文乱码的解决方法
2006/12/17 PHP
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
php密码生成类实例
2014/09/24 PHP
php车辆违章查询数据示例
2016/10/14 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
大家未必知道的Js技巧收藏
2008/04/07 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
2015/03/24 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
Python使用新浪微博API发送微博的例子
2014/04/10 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
centos6.7安装python2.7.11的具体方法
2017/01/16 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
Python 字符串与数字输出方法
2018/07/16 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
Django单元测试工具test client使用详解
2019/08/02 Python
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
Oracle性能调优原则
2012/05/03 面试题
预备党员入党思想汇报
2014/01/04 职场文书
实习生工作证明范本
2014/09/14 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
教师节获奖感言
2015/07/31 职场文书
MySql数据库 查询时间序列间隔
2022/05/11 MySQL