ajax-jsonp实现跨域访问

最新推荐文章于 2022-07-23 19:06:33 发布

银河系栋梁

最新推荐文章于 2022-07-23 19:06:33 发布

阅读量162

点赞数

分类专栏： Java EE

本文链接：https://blog.csdn.net/qq_38861828/article/details/102760584

版权

Java EE 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

项目A.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<h1></h1>
	</body>
	<script type="text/javascript">
		$.ajax({
			type:'get',
			url:'http://nongmall.com/rest/test/jsonp',//ajax会在url后自动接上callback参数
			dataType:'jsonp',//预期的服务器响应的数据类型为jsonp
			success:function(data){
				//处理数据
				$('h1').text(data);
			}
		});
	</script>
</html>

ajax自动拼接的完整请求

jsonp为 “方法名(参数A)” 格式的文本，success方法把接收到的数据按jsonp格式处理，取出参数A传给success方法的参数data

项目B的controller（springMVC）

package com.nongmall.manage.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
@RequestMapping("test")
public class TestController {

	@RequestMapping("jsonp")
	@ResponseBody
	public String show(String callback) {
		//获取数据
		String name = "hello 世界";
		
		if (null == callback || "".equals(callback)) {
			return name;
		}
		//当有callback时，表明接到跨域访问请求，则返回“方法调用”文本
		return callback+"('"+name+"')";
	}
}