angular $http 的JSONP实例

本文内容来自开课吧相关视频。

JSONP主要就是为了解决跨域问题。

angular中关于jsonp使用因为版本的不同而有差异，主要是1.6.4以前和以后。

1.6.4以前

{{a}}

$http.jsonp(请求地址).then();

请求地址：https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${$scope.word}&cb=JSON_CALLBACK

其中：wd=${$scope.word}是wd根据model中的$scope.word值

cb=JSON_CALLBACK是回调函数JSON_CALLBACK占位。

1.6.4以后

{{a}}

let res = $sce.trustAsResourceUrl(`https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${$scope.word}`);

$http.jsonp(res,{jsonpCallbackParam:'cb'}) .then();

jsonp不是很安全，就引入$sce依赖。

使用$sce.trustAsResourceUrl(路径)告诉angular是安全的。

在$http.jsonp中添加{jsonpCallbackParam:'cb'}。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！