淺談關(guān)于angularJs中使用$.ajax的注意點(diǎn)
本文介紹了關(guān)于angularJs中使用$.ajax的注意點(diǎn),分享給大家,具體如下
從技術(shù)上來講,angular 與 jquery混用,是一件不太合適的,但是為什么這個話題爭論至今依舊仁者見仁智者見智,
除了便捷度,還有可能就是jquery有些地方確實(shí)比angular要全面些,就比如說ajax跨域方面。
我本人平時用angular開發(fā)的時候,基本上就只是用angular,即便有angular.element 這個方法也是盡量少使用,我建議大家如果使用框架,盡量就使用一種,因?yàn)檫@些都是封裝的方法,難免會有沖突。真出了bug會比較棘手。
直奔主題:
ajax跨域或者參數(shù)類型(dataType)需要設(shè)定的時候,$http會顯得很尷尬,那么這時候我想到了使用$.ajax;
本來$.ajax寫起來倒是不比$http墨跡,但是寫完就發(fā)現(xiàn)問題來了,view層對$.ajax處理完的對象完全不予理睬。
angular的特色是雙向綁定,復(fù)雜點(diǎn)說,有一個臟值檢測系統(tǒng),主要包括:$watch 和 $digest;
觸發(fā)$digest里面有一個玩意叫$apply,$apply 被認(rèn)為是 使AngularJs與第三方庫混合使用最標(biāo)準(zhǔn)的方式。
$.ajax({ data:{}, url:'', type/method:'', dataType:'', success: function(){ $scope.$appy(); } } )
處理完成之后加一個$scope.$apply()即可,這個方法還適用于setTimeout,setInterval等...
但是我依舊建議在能不使用第三方庫的時候就不要使用。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Angular.js中window.onload(),$(document).ready()的寫法淺析
這篇文章主要介紹了Angular.js中window.onload(),$(document).ready()的寫法淺析,需要的朋友可以參考下2017-09-09angularJS與bootstrap結(jié)合實(shí)現(xiàn)動態(tài)加載彈出提示內(nèi)容
這篇文章主要介紹了angularJS與bootstrap結(jié)合實(shí)現(xiàn)動態(tài)加載彈出提示內(nèi)容,通過bootstrp彈出提示。感興趣的朋友可以參考下本篇文章2015-10-10詳解如何使用webpack+es6開發(fā)angular1.x
本篇文章主要介紹了詳解如何使用webpack+es6開發(fā)angular1.x,具有一定的參考價值,有興趣的可以了解一下2017-08-08angular強(qiáng)制更新ui視圖的實(shí)現(xiàn)方法
這篇文章主要介紹了angular強(qiáng)制更新ui視圖的實(shí)現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03AngularJS遞歸指令實(shí)現(xiàn)Tree View效果示例
這篇文章主要介紹了AngularJS遞歸指令實(shí)現(xiàn)Tree View效果,結(jié)合實(shí)例形式分析了AngularJS基于遞歸指令實(shí)現(xiàn)樹形結(jié)構(gòu)層次數(shù)據(jù)的相關(guān)操作步驟與注意事項(xiàng),需要的朋友可以參考下2016-11-11