在我们做项目的过程中，有可能会遇到跨域请求，所以需要我们自己组装支持跨域请求的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

SpringBoot多跨域请求的支持（JSONP）的更多相关文章

  1. SpringBoot解决跨域请求拦截

    前言 同源策略:判断是否是同源的,主要看这三点,协议,ip,端口. 同源策略就是浏览器出于网站安全性的考虑,限制不同源之间的资源相互访问的一种政策. 比如在域名https://www.baidu.co ...

  2. 【笔记】Asp.Net WebApi对js POST带参数跨域请求的支持方案

    先说下需求:在原来的WebApi项目中增加对js跨域的请求支持,请求方式:以POST为主,webapi路由规则根据原项目需求修改如下: public static void Register(Http ...

  3. Springboot实现跨域请求

    之所以需要用到跨域请求,目的在于现在的Java项目,几乎基本上都前后端分离,除一些较老的维护项目外(通常是单体或者是maven多模块形式,不过本质上还是将前端放在webapps下). SpringBo ...

  4. springboot +element-axios跨域请求

    1.初始化element项目 1.1:vue init webpage '项目名称' 1.2:npm i element-ui -S 1.3:在main.js添加 import ElementUI f ...

  5. 跨域请求方式之Jsonp形式

    在浏览器端才有跨域安全限制一说,而在服务器端是没有跨域安全限制的. 在两个异构系统(开发语言不同)之间达到资源共享就需要发起一个跨域请求. 而浏览器的同源策略却限制了从一个源头的文档资源或脚本资源与来 ...

  6. Springboot 解决跨域请求

    Cors处理 跨域请求 细粒度 直接在controller层上 添加@CrossOrigin注解 @PostMapping("/") @CrossOrigin(value = &q ...

  7. 跨域请求解决方法(JSONP, CORS)

    1.跨域 假设我们页面或者应用部署在 http://www.aaa.com 上了,而我们打算从 http://www.bbb.com 请求提取数据.一般情况下,如果我们直接使用 AJAX 来请求将会失 ...

  8. SpringBoot 处理跨域请求问题

    增加一个配置类 import org.springframework.context.annotation.Bean; import org.springframework.context.annot ...

  9. jQuery ajax的jsonp跨域请求

    一直在听“跨域跨域”,但是什么是跨域呢?今天做了一些了解.(利用jQuery的jsonp) jQuery使用JSONP跨域 JSONP跨域是利用script脚本允许引用不同域下的js实现的,将回调方法 ...

随机推荐

  1. Objective-C编程 - 关于Block的要点

    1. 首先,我们快速过一下,什么是Block? Block是一段代码,它在OC中以^开头,可以有返回值,和参数列表,但就是没有名字. 所以,你可以把它认为是匿名函数. 事实上,它和Swift中的闭包( ...

  2. 高级javaScript程序形成过程（进阶）

    实现过程 1.创建对象 if (window.ke){return;} 2.创建私有变量 var _TIME = new Date().getTime(); 3.创建私有函数 _fn(){} 4.创建 ...

  3. IDEA Run/Debug Configurations 中点击“+”号没有tomcat server选项

    环境: 版本:IntelliJ IDEA 2016.3.2系统:windows7 32位 / ubuntu上通用 2.问题: 在IDEA中,对每一个web项目都要配置tomcat服务器,如果你是第一次 ...

  4. python binascii模块详解

    ['Error', 'Incomplete', 'b2a_hex', 'hexlify' #Hexadecimal representation of binary data. 字符串转16进制'a2 ...

  5. Percona-XtraBackup系列三：增量备份恢复

    1:创建测试表和测试库如果需要快速建立测试表和库的话,参考之前写的这篇博客:http://www.cnblogs.com/xiaoit/p/3376685.html create database b ...

  6. Python学习笔记六：数据库操作

    一:Python操作数据库的流程 二:开发环境准备 1:开发工具PyCharm 2:Python操作mysql的工具:需要安装Python-Mysql Connector,网址:https://sou ...

  7. Python学习笔记五：错误与异常

    一:常见异常与错误 BaseException 所有异常的基类SystemExit 解释器请求退出KeyboardInterrupt 用户中断执行(通常是输入^C)Exception 常规错误的基类S ...

  8. JVM的结构

    参考:http://blog.csdn.net/tonytfjing/article/details/44278233 JVM的结构 一般认为,JVM分为四大部分:     1.类加载器(ClassL ...

  9. ETL面试题

    1. What is a logical data mapping and what does it mean to the ETL team? 什么是逻辑数据映射?它对ETL项目组的作用是什么? 答 ...

  10. 动态创建radio、checkbox时需要注意的问题

    1.给radio.checkbox后面添加文字 2.创建默认选中 3.创建完可选 function create(){ var board = document.getElementById(&quo ...