浅谈关于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 学习 几种常用方法
Jun 11 Javascript
Javascript学习笔记2 函数
Jan 11 Javascript
Javascript 面向对象 继承
May 13 Javascript
js控制浏览器全屏示例代码
Feb 20 Javascript
使用js显示当前时间示例
Mar 02 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 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
c#中的实现php中的preg_replace
2009/12/21 PHP
更改localhost为其他名字的方法
2014/02/10 PHP
php的ddos攻击解决方法
2015/01/08 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
Yii2框架中日志的使用方法分析
2017/05/22 PHP
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
python安装Scrapy图文教程
2017/08/14 Python
Python3之字节串bytes与字节数组bytearray的使用详解
2019/08/27 Python
pandas的相关系数与协方差实例
2019/12/27 Python
Python datetime 如何处理时区信息
2020/09/02 Python
Python3读写ini配置文件的示例
2020/11/06 Python
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
客户接待方案
2014/02/26 职场文书
自我管理的活动方案
2014/08/25 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
班级光棍节联谊会策划书
2014/10/10 职场文书
先进班组材料范文
2014/12/25 职场文书
学校重阳节活动总结
2015/03/24 职场文书
起诉书格式范文
2015/05/20 职场文书
2015年暑期实践报告范文
2015/07/13 职场文书
党员公开承诺书2016
2016/03/24 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB
JavaScript的function函数详细介绍
2021/11/20 Javascript