解决跨域问题

最新推荐文章于 2024-06-05 16:06:27 发布

我是四飞仔

最新推荐文章于 2024-06-05 16:06:27 发布

阅读量56

点赞数

分类专栏：其他文章标签：其他

本文链接：https://blog.csdn.net/xiaozhuyehuifanqiang/article/details/115012380

版权

其他专栏收录该内容

4 篇文章 0 订阅

订阅专栏

解决跨域问题

JSONP
服务端配置跨域
- - - - 注解
      - 全局配置

JSONP

前端

<html>
<head>
<meta charset="uft-8">

</head>
<body>
<p>cors跨域设置。</p>
<button  id="buttonId" >点击哈哈哈</button>
<input type="text" id="a"></input>
<input type="text" id="b"></input>
<input type="text" id="c"></input>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript">


$("#buttonId").click(function(){
	$.ajax({
	
				url:'http://localhost:8080/api/ceshi/c',
				dataType:'jsonp',
				type:'GET',
				jsonp: 'callback',
				 jsonpCallback: 'jsonpCallback',
				success:function(data) {
					console.info("==="+data);
					$("#b").val(data);
				}
			});
  
});

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

后端 (springboot框架)