淺談關(guān)于angularJs中使用$.ajax的注意點(diǎn)
本文介紹了關(guān)于angularJs中使用$.ajax的注意點(diǎn)，分享給大家，具體如下
從技術(shù)上來(lái)講，angular 與 jquery混用，是一件不太合適的，但是為什么這個(gè)話題爭(zhēng)論至今依舊仁者見(jiàn)仁智者見(jiàn)智，
除了便捷度，還有可能就是jquery有些地方確實(shí)比angular要全面些，就比如說(shuō)ajax跨域方面。
我本人平時(shí)用angular開(kāi)發(fā)的時(shí)候，基本上就只是用angular，即便有angular.element 這個(gè)方法也是盡量少使用，我建議大家如果使用框架，盡量就使用一種，因?yàn)檫@些都是封裝的方法，難免會(huì)有沖突。真出了bug會(huì)比較棘手。
直奔主題：
ajax跨域或者參數(shù)類型（dataType）需要設(shè)定的時(shí)候，$http會(huì)顯得很尷尬，那么這時(shí)候我想到了使用$.ajax；
本來(lái)$.ajax寫(xiě)起來(lái)倒是不比$http墨跡，但是寫(xiě)完就發(fā)現(xiàn)問(wèn)題來(lái)了，view層對(duì)$.ajax處理完的對(duì)象完全不予理睬。
angular的特色是雙向綁定，復(fù)雜點(diǎn)說(shuō)，有一個(gè)臟值檢測(cè)系統(tǒng)，主要包括：$watch 和 $digest;
觸發(fā)$digest里面有一個(gè)玩意叫$apply,$apply 被認(rèn)為是 使AngularJs與第三方庫(kù)混合使用最標(biāo)準(zhǔn)的方式。
$.ajax({
data:{},
url:'',
type/method:'',
dataType:'',
success:
function(){
$scope.$appy();
}
}
)
處理完成之后加一個(gè)$scope.$apply()即可，這個(gè)方法還適用于setTimeout,setInterval等...
但是我依舊建議在能不使用第三方庫(kù)的時(shí)候就不要使用。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Angular使用$http.jsonp發(fā)送跨站請(qǐng)求的方法
這篇文章主要介紹了Angular使用$http.jsonp發(fā)送跨站請(qǐng)求的方法,結(jié)合實(shí)例形式分析了$http.jsonp發(fā)送跨站請(qǐng)求遇到的問(wèn)題與相應(yīng)的解決方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03
使用RxJS更優(yōu)雅地進(jìn)行定時(shí)請(qǐng)求詳析
這篇文章主要給大家介紹了關(guān)于如何使用RxJS更優(yōu)雅地進(jìn)行定時(shí)請(qǐng)求的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用RxJS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
AngularJS基礎(chǔ) ng-cloak 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-cloak 指令,這里幫大家整理了ng-clock指令的基礎(chǔ)資料,和簡(jiǎn)單的代碼實(shí)例及效果圖,學(xué)習(xí)AngularJS指令的朋友可以參考下2016-08-08
AngularJS ionic手勢(shì)事件的使用總結(jié)
本篇文章主要介紹了AngularJS手勢(shì)事件的使用總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
深入探究AngularJs之$scope對(duì)象（作用域）
本篇文章主要介紹了深入探究AngularJs之$scope對(duì)象（作用域），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式，通過(guò)定義一個(gè)共享服務(wù)service來(lái)實(shí)現(xiàn)此功能，對(duì)angularjs共享數(shù)據(jù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)2016-03-03
這篇文章主要介紹了jquery操作angularjs對(duì)象的相關(guān)資料,需要的朋友可以參考下2015-06-06
Angular?結(jié)合?dygraphs?實(shí)現(xiàn)?annotation功能
這篇文章主要介紹了Angular?結(jié)合?dygraphs?實(shí)現(xiàn)?annotation,本文，我們直接結(jié)合 Angular 來(lái)演示，如何通過(guò) dygraphs 實(shí)現(xiàn)折線圖上的 annotation 的功能，需要的朋友可以參考下2022-08-08
這篇文章主要給大家深入的介紹了關(guān)于Angular.JS中Scope繼承的相關(guān)資料，Angular。JS中scope之間的繼承關(guān)系使用JavaScript的原型繼承方式實(shí)現(xiàn)，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-06-06
AngularJS發(fā)送異步Get/Post請(qǐng)求方法
今天小編就為大家分享一篇AngularJS發(fā)送異步Get/Post請(qǐng)求方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08