关于angularJs中使用$.ajax的注意点

发布时间:2019-06-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了关于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等...
但是我依旧建议在能不使用第三方库的时候就不要使用。

脚本宝典总结

以上是脚本宝典为你收集整理的关于angularJs中使用$.ajax的注意点全部内容,希望文章能够帮你解决关于angularJs中使用$.ajax的注意点所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: