問題描述

`

在jquery中跨域是可以在success函數(shù)中使用跨域得到的數(shù)據(jù)的,原理是利用script便簽的src可以跨域,把url加上?callback=func; func是jq加的一個臨時的全局函數(shù)...`

angular中百度了半天找到這張圖片,教程上說url加上callback=JSON_CALLBACK后(一定要寫成JSON_CALLBACK),這樣當服務器響應后,success函數(shù)會執(zhí)行,然而我照做一遍報錯了!

然后我把代碼改成這樣,沒有報錯,跨域成功,但是ajax是異步的,如何在angular的controller中使用得到的數(shù)據(jù)呢?

問題解答

jsonp,服務器端是根據(jù)你后面callback的函數(shù)名，給你返回一段包裝的json數(shù)據(jù),并不一定就是JSON_CALLBACK,名字可以自己隨便取，但是你的js文件里面要有與之保持一致的函數(shù)名，你可以看一下這一篇文章jsonp

要在后臺設置跨域,所以和angular跨域沒什么關系。。。

有很多種方法，優(yōu)雅一點的，創(chuàng)建一個factory,或者service，whatever，返回一個對象，factory或service里異步請求數(shù)據(jù)，返回的數(shù)據(jù)存儲到返回的對象下，屬性名隨你起，然后吧這個玩意注入到你想使用的controller里，但是因為是異步的，所以controller執(zhí)行的時候可能返回的對象還是空，需要bind到$scope上才能自動更新。要不你可以隨意一點，直接在controller里異步執(zhí)行，回調(diào)里直接給到$scope上。如果異步的數(shù)據(jù)需要第一時間展現(xiàn)，還是先執(zhí)行異步，回調(diào)里初始化angular吧。