AngularJS $http跨域

爱被打了一巴掌 2022-07-12 08:14 165阅读 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="./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 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nginx跨域及Https配置

一、跨域 1.1. 什么是跨域？跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限

拼搏现实的明天。/ 2022年10月05日 05:46/ 0 赞/ 319 阅读

相关 angularJS通过jsonp实现跨域访问

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.

快来打我*/ 2022年09月21日 15:20/ 0 赞/ 176 阅读

相关 AngularJS $http跨域

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

喜欢ヅ旅行/ 2022年07月12日 08:14/ 0 赞/ 161 阅读

相关 AngularJS $http跨域

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

爱被打了一巴掌/ 2022年07月12日 08:14/ 0 赞/ 166 阅读

相关 AngularJS $http跨域

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

﹏ヽ暗。殇╰゛Y/ 2022年07月12日 08:13/ 0 赞/ 138 阅读

相关 AngularJs服-jsonp解决跨域问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゝ一世哀愁。/ 2022年07月12日 07:06/ 0 赞/ 158 阅读

相关 Http访问跨域解决

一、跨域科普跨域，即跨站HTTP请求(Cross-site HTTP request)，指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。二、如何产生跨域

蔚落/ 2022年05月29日 12:27/ 0 赞/ 522 阅读

相关 angularjs携带cookie跨域请求

B.com下的前端跨域访问A.com下的服务: 客户端: return $http.get('http://A.com:8070/micro/sql/run/'+i

雨点打透心脏的1/2处/ 2022年05月18日 08:37/ 0 赞/ 203 阅读

相关 HTTP跨域研究

CORS（Cross-origin resource sharing） “跨域资源共享” 在出现CORS标准之前，我们还只能通过jsonp（jsonp跨域请求详解）的

水深无声/ 2022年05月13日 08:44/ 0 赞/ 233 阅读

相关 http跨域问题

浏览器提出同源策略的机制 ajax受到同源策略的限制同源策略：协议域名端口号必须全部相同才可以数据交互 `https://www.baidu.com:443/s?w

柔光的暖阳◎/ 2021年07月26日 02:01/ 0 赞/ 356 阅读