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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

淺談Angular的$q, defer, promise
本文主要對Angular的 $q, defer, promise進行實例分析介紹。具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
Angularjs中使用Filters詳解
本文給大家總結(jié)了下在Angularjs的模板、控制器、或者服務(wù)中使用Filters的方法，有需要的小伙伴可以參考下
2016-03-03
Angular中的NgZone.run()有什么用途
在Angular中,NgZone是一個服務(wù),用于管理異步任務(wù)的執(zhí)行,并提供一種在Angular區(qū)域內(nèi)或外部顯式運行代碼的方式,NgZone.run方法是一種顯式在Angular區(qū)域內(nèi)運行函數(shù)的方式,本文介紹Angular中的NgZone.run()有什么用,感興趣的朋友一起看看吧
2024-01-01
angularjs http與后臺交互的實現(xiàn)示例
這篇文章主要介紹了angularjs http與后臺交互的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
Angularjs自定義指令實現(xiàn)分頁插件(DEMO)
由于最近的一個項目使用的是angularjs1.0的版本，涉及到分頁查詢數(shù)據(jù)的功能，后來自己就用自定義指令實現(xiàn)了該功能，下面小編把實例demo分享到腳本之家平臺，需要的朋友參考下
2017-09-09
angularjs使用gulp-uglify壓縮后執(zhí)行報錯的解決方法
下面小編就為大家分享一篇angularjs使用gulp-uglify壓縮后執(zhí)行報錯的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Material(包括Material Icon)在Angular2中的使用詳解
這篇文章主要介紹了Material(包括Material Icon)在Angular2中的使用,需要的朋友可以參考下
2018-02-02
Angular.js中window.onload(),$(document).ready()的寫法淺析
這篇文章主要介紹了Angular.js中window.onload(),$(document).ready()的寫法淺析,需要的朋友可以參考下
2017-09-09
angularjs創(chuàng)建彈出框?qū)崿F(xiàn)拖動效果
這篇文章主要為大家詳細介紹了angularjs創(chuàng)建彈出框?qū)崿F(xiàn)拖動效果的相關(guān)資料，angularjs modal模態(tài)框創(chuàng)建可拖動的指令，感興趣的小伙伴們可以參考一下
2016-01-01
Angular項目如何升級至Angular6步驟全紀(jì)錄
這篇文章主要給大家介紹了關(guān)于Angular項目如何升級至Angular6的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-09-09