淺談關(guān)于angularJs中使用$.ajax的注意點(diǎn)

發(fā)布時(shí)間：2020-09-03 15:24:45 來源：腳本之家閱讀：173 作者：lackdata 欄目：web開發(fā)

本文介紹了關(guān)于angularJs中使用$.ajax的注意點(diǎn)，分享給大家，具體如下

從技術(shù)上來講，angular 與 jquery混用，是一件不太合適的，但是為什么這個(gè)話題爭論至今依舊仁者見仁智者見智，

除了便捷度，還有可能就是jquery有些地方確實(shí)比angular要全面些，就比如說ajax跨域方面。

我本人平時(shí)用angular開發(fā)的時(shí)候，基本上就只是用angular，即便有angular.element 這個(gè)方法也是盡量少使用，我建議大家如果使用框架，盡量就使用一種，因?yàn)檫@些都是封裝的方法，難免會(huì)有沖突。真出了bug會(huì)比較棘手。

直奔主題：

ajax跨域或者參數(shù)類型（dataType）需要設(shè)定的時(shí)候，$http會(huì)顯得很尷尬，那么這時(shí)候我想到了使用$.ajax；

本來$.ajax寫起來倒是不比$http墨跡，但是寫完就發(fā)現(xiàn)問題來了，view層對(duì)$.ajax處理完的對(duì)象完全不予理睬。

angular的特色是雙向綁定，復(fù)雜點(diǎn)說，有一個(gè)臟值檢測系統(tǒng)，主要包括：$watch 和 $digest;

觸發(fā)$digest里面有一個(gè)玩意叫$apply,$apply 被認(rèn)為是使AngularJs與第三方庫混合使用最標(biāo)準(zhǔn)的方式。

$.ajax({
  data:{},
  url:'',
  type/method:'',
  dataType:'',
  success:
    function(){
    $scope.$appy();
    }
  }
)

處理完成之后加一個(gè)$scope.$apply()即可，這個(gè)方法還適用于setTimeout,setInterval等...

但是我依舊建議在能不使用第三方庫的時(shí)候就不要使用。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡