AngularJS $http服务实现跨域名访问(jsonp)

最新推荐文章于 2020-05-15 15:29:39 发布

houyanhua1

最新推荐文章于 2020-05-15 15:29:39 发布

阅读量457

点赞数

分类专栏： AngularJS 文章标签： angularjs jsonp 跨域名访问

本文链接：https://blog.csdn.net/houyanhua1/article/details/80150976

版权

AngularJS 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

JQuery实现跨域名访问(jsonp)：https://blog.csdn.net/houyanhua1/article/details/79703731

demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AngularJS</title>
	<script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->
</head>
<body ng-app="App">
	<div ng-controller="DemoController">
	</div>
	<script>
		
		var App = angular.module('App',[]);

		// $http服务实现跨域名请求(jsonp)
		App.controller("DemoController",['$scope','$http',function($scope,$http) {
			// jsonp和ajax没有任何关系。 JQuery中的Ajax(jsonp)也是利用<script>标签的src属性。

			$http({
				url: 'www.其他域名.com/jsonp.php?callback=JSON_CALLBACK', // JSON_CALLBACK是一个占位符
				params: {
					//callback: JSON_CALLBACK,  // 可以将url中的callback写到params中。
					name: "张三",
					age: 12,
				}
				method: 'jsonp',  // 利用<script>标签的src属性,此时不是Ajax请求。
			}).success(function(data) {  // 该函数就是传给后端服务器的回调函数。
				// ....
			});

		}]);
		
	</script>
</body>
</html>

houyanhua1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS $http服务实现跨域名访问(jsonp)

JQuery实现跨域名访问(jsonp)：https://blog.csdn.net/houyanhua1/article/details/79703731demo.html：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Angula
复制链接

扫一扫