Angular使用$http.jsonp發(fā)送跨站請求的方法
更新時間：2017年03月16日 14:10:38 作者：liangzi4000
這篇文章主要介紹了Angular使用$http.jsonp發(fā)送跨站請求的方法,結(jié)合實例形式分析了$http.jsonp發(fā)送跨站請求遇到的問題與相應(yīng)的解決方法,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了Angular使用$http.jsonp發(fā)送跨站請求的方法。分享給大家供大家參考，具體如下：
Angular中使用$http.jsonp發(fā)送跨站請求的實踐中，遇到了下面的一些問題：
1. 不是所有返回json格式的url都支持jsonp，服務(wù)器端需要支持從url中讀取返回函數(shù)并用它封裝json數(shù)據(jù)。
2. AngularJS v1.6.1中，url中不能包含callback這個參數(shù)，而是用jsonpCallbackParam來指定
復(fù)制代碼 代碼如下:
$http.jsonp('some/trusted/url', {jsonpCallbackParam: 'callback'})
3. 把url加入白名單，否則會遇到瀏覽器同源策略限制的錯誤。
angular.module('mthtran')
.config(function($sceDelegateProvider) {
$sceDelegateProvider.resourceUrlWhitelist([
// Allow same origin resource loads.
'self',
// Allow loading from our assets domain.
'http://query.yahooapis.com/v1/public/**'
]);
})
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對大家AngularJS程序設(shè)計有所幫助。
您可能感興趣的文章:
- 淺談angular2的http請求返回結(jié)果的subcribe注意事項
- 詳解AngularJS中$http緩存以及處理多個$http請求的方法
- angular 用攔截器統(tǒng)一處理http請求和響應(yīng)的方法
- 詳解AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng)
- Angularjs中$http以post請求通過消息體傳遞參數(shù)的實現(xiàn)方法
- Angular的$http的ajax的請求操作（推薦）
- AngularJS $http模塊POST請求實現(xiàn)
- AngularJS出現(xiàn)$http異步后臺無法獲取請求參數(shù)問題的解決方法
- angularJS 發(fā)起$http.post和$http.get請求的實現(xiàn)方法
- angular.js4使用 RxJS 處理多個 Http 請求
- angular2中Http請求原理與用法詳解
相關(guān)文章
Angular 是一個流行的框架，用于構(gòu)建動態(tài)和響應(yīng)式 Web 應(yīng)用程序，在本文中，我們將討論延遲加載以及它如何與 Angular 中的路由一起工作，感興趣的可以跟隨小編一起學(xué)習(xí)一下2023-06-06
這篇文章主要給大家介紹了關(guān)于protractor安裝與基本使用的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了AngularJS指令與控制器之間的交互功能,結(jié)合實例形式分析了AngularJS控制器調(diào)用相關(guān)指令操作技巧,需要的朋友可以參考下2016-12-12
AngularJS使用攔截器實現(xiàn)的loading功能完整實例
這篇文章主要介紹了AngularJS使用攔截器實現(xiàn)的loading功能,結(jié)合完整實例形式分析了AngularJS攔截器的設(shè)置、調(diào)用及l(fā)oading功能實現(xiàn)技巧,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了Angular2 (RC5) 路由與導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2016-09-09
今天小編就為大家分享一篇angular2 組件之間通過service互相傳遞的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Angular使用ng-messages與PHP進行表單數(shù)據(jù)驗證
這篇文章主要介紹了Angular使用ng-messages與PHP進行表單數(shù)據(jù)驗證，ng-messages提供了更方便的表單數(shù)據(jù)驗證服務(wù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家詳細介紹了angularjs實現(xiàn)猜數(shù)字大小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
今天小編就為大家分享一篇angularjs 動態(tài)從后臺獲取下拉框的值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
本篇文章主要介紹了AngularJS監(jiān)聽路由變化的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03