Angular使用$http.jsonp发送跨站请求的方法

这时我轻轻地闭上了眼睛,我好像来到童话世界,好像在和小鸟讨论秋天的美景,好像在和小草拍秋天的照片。农民伯伯在田野里收获了庄稼,果农们在果园里收获了果子,我们在学校里收获快乐、收获知识、收获成长。

本文实例讲述了Angular使用$http.jsonp发送跨站请求的方法。分享给大家供大家参考,具体如下:

Angular中使用$http.jsonp发送跨站请求的实践中,遇到了下面的一些问题:

1. 不是所有返回json格式的url都支持jsonp,服务器端需要支持从url中读取返回函数并用它封装json数据。

2. AngularJS v1.6.1中,url中不能包含callback这个参数,而是用jsonpCallbackParam来指定

$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/**'
 ]);
})

希望本文所述对大家AngularJS程序设计有所帮助。

本文Angular使用$http.jsonp发送跨站请求的方法到此结束。追求,是人的一生不论怎样都离不开的一种东西,他触摸不到,却深深潜藏在每个人的内心里,让每个人的心灵都随时都保持着活力,也让每个人在迈向成功的路上多了一种坚不可摧的信念。为什么要前进,因为有追求,为什么要成功,因为有梦想,心中揣有梦想,敢于追求,才能不惧千山万险,敢于追求,才能无人可挡。小编再次感谢大家对我们的支持!

标签: Angular http