AngularJS $http跨域

最新推荐文章于 2021-02-16 01:50:55 发布

约德尔蒙

最新推荐文章于 2021-02-16 01:50:55 发布

阅读量451

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/gyq04551/article/details/55667088

版权

AngularJs 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AngularJS $http跨域</title>
</head>
<body ng-app="App">
	<div ng-controller="DemoController">
		
	</div>
	<script>
		
		function fn(arg) {

			console.log(arg);

			document.write('111');

		}
	</script>
	
	<!-- <script src="./jsonp.php?callback=fn"></script> -->

	<script src="./libs/angular.min.js"></script>
	<script src="./libs/jquery.min.js"></script>
	<script>
		
		// 1、JSONP 跟Ajax 没有关系
		// 2、$.ajax({

		// });

		// 3、$.ajax({
			// url: 'example.php',
			// type: 'post',
			// dataType: 'jsonp'
		// })

		// var script = createElement('script');
		// script.src = url;
		// var head = document.querySelector('head');
		// head.appendChild(script);
		// 

		// $.ajax({
		// 	url: 'jsonp.php',
		// 	dataType: 'jsonp'
		// });

		var App = angular.module('App', []);

		App.controller('DemoController', ['$http', '$scope', function ($http, $scope) {

			$http({
				url: 'jsonp.php?a=JSON_CALLBACK',
				method: 'jsonp' // 采用JSONP方式
			}).success(function (info) {
				console.log(info);
			});

		}]);

	</script>
</body>
</html>

约德尔蒙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS $http跨域

AngularJS $http跨域 function fn(arg) { console.log(arg); document.write('111'); } --> // 1、JSONP 跟Ajax 没有关系 // 2、$.ajax({ // }); // 3、$.ajax({ //
复制链接

扫一扫