详解SpringBoot多跨域请求的支持（JSONP）

作者：木叶之荣时间：2023-09-21 04:12:54　

在我们做项目的过程中，有可能会遇到跨域请求，所以需要我们自己组装支持跨域请求的JSONP数据，而在4.1版本以后的SpringMVC中，为我们提供了一个AbstractJsonpResponseBodyAdvice的类用来支持jsonp的数据（SpringBoot接收解析web请求是依赖于SpringMVC实现的）。下面我们就看一下怎么用AbstractJsonpResponseBodyAdvice来支持跨域请求。

使用AbstractJsonpResponseBodyAdvice来支持跨域请求很简单，只需要继承这个类就可以了。具体代码如下：

package com.zkn.learnspringboot.config;

import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.servlet.mvc.method.annotation.AbstractJsonpResponseBodyAdvice;

/**
* Created by wb-zhangkenan on 2016/12/1.
*/
@ControllerAdvice(basePackages = "com.zkn.learnspringboot.web.controller")
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice{

public JsonpAdvice() {

super("callback","jsonp");
}
}

下面我们写个类来测试一下：

package com.zkn.learnspringboot.web.controller;

import com.zkn.learnspringboot.domain.PersonDomain;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.MediaType;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

/**
* Created by wb-zhangkenan on 2016/12/1.
*/
@RestController
@RequestMapping("/jsonp")
public class JsonpTestController {
@Autowired
private PersonDomain personDomain;

@RequestMapping(value = "/testJsonp",produces = MediaType.APPLICATION_JSON_VALUE)
public PersonDomain testJsonp(){

return personDomain;
}
}

当我们发送请求为：http://localhost:8003/jsonp/testJsonp的时候，结果如下：

当我们发送的请求为：http://localhost:8003/jsonp/testJsonp?callback=callback的时候，结果如下所示：

看到区别了吗？当我们在请求参数中添加callback参数的时候，返回的数据就是jsonp的，当我们请求参数中不带callback的时候，返回的数据是json的。可以让我们方便的灵活运用。下面再奉上一个jsonp的完整案例。

前台页面：

<％@ page contentType="text/html;charset=UTF-8" language="java" ％>
<html>
<head>
<title>Title</title>
<script src="resources/js/jquery-2.1.4.min.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="测试jsonp请求" onclick="testJsonp()" />
<script type="text/javascript">
function testJsonp() {
$.ajax({
type:'get',
url:'http://localhost:8003/jsonp/testJsonp',
dataType:'jsonp',
jsonp:"callback",
success:function (data) {
alert(data.userName+" "+data.passWord);
},
error:function (err) {
alert('出现错误了!!!');
}
});
}
</script>
</body>
</html>

后台代码1：

package com.zkn.learnspringmvc.news.controller;

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

/**
* Created by zkn on 2016/12/3.
*/
@Controller
public class JsonpTestController {

@RequestMapping("testJsonp")
public String testJsonp(){

return "jsonp";
}
}

下面我们发送请求如下：http://localhost:8080/LearnSpringMvc/testJsonp

当我们点击测试jsopn请求这个按钮的时候，效果如下：

我们成功的实现了一个跨越的请求。更详细的请求信息如下：

来源：http://blog.csdn.net/zknxx/article/details/53443181

标签：spring,boot,跨域

投稿

详解SpringBoot多跨域请求的支持（JSONP）

猜你喜欢

Android稳定性：可远程配置化的Looper兜底框架

Spring maven filtering使用方法详解

C#程序调用cmd.exe执行命令

详解Java编程中JavaMail API的使用

使用Java编写一个简单的Web的监控系统

使用jenkins部署springboot项目的方法步骤

利用Thumbnailator轻松实现图片缩放、旋转与加水印

C#图片查看器实现方法

Java编程之文件读写实例详解

Java实战入门之双色球彩票小游戏

DataGridView带图标的单元格实现代码

Monkeyrunner 常用按键总结

Unity实现简单的虚拟摇杆

Android编程之canvas绘制各种图形(点,直线,弧,圆,椭圆,文字,矩形,多边形,曲线,圆角矩形)

Java 重命名 Excel 工作表并设置工作表标签颜色的示例代码

java对指定目录下文件读写操作介绍

Flutter开发技巧RadialGradient中radius计算详解

JFreeChart插件实现的折线图效果实例

浅析Android 快速实现图片压缩与上传功能

Android仿腾讯视频实现悬浮窗效果