首頁 >web前端 >js教程 >angularJs中使用$.ajax的注意點

angularJs中使用$.ajax的注意點

黄舟
黄舟原創
2017-08-13 10:51:311299瀏覽

本篇文章主要介紹了angularJs中使用$.ajax的注意點,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

本文介紹了關於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的注意點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn