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

    this是javascript语言的一个关键字,它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用. this总是指向对象,并且为调用函数的那个对象: //调用普通函数 function f ...

  2. 【树莓派】在树莓派的Android系统中安装APK应用

    树莓派3 Android TV安装APK应用教程 本文摘自:http://www.mz6.net/news/android/6867.html 树莓派3 Android TV怎样安装软件?对于熟悉AD ...

  3. Android——代码中使用颜色值

    android中设置颜色时,可以直接使用颜色值来设置: view.setBackgroundColor(Color.parseColor("#颜色值"));

  4. SCD Type2 in ODI

    缓慢变化维(Slowly changing Dimensions)指的是维表中的维度字段值会随着时间或业务调整,而在后续的分析中,历史数据仍然要使用旧的维度值,新的数据会使用当前维度值.在数据仓库建设 ...

  5. Linux Shell 下载网站指定文件

    Shell脚本,用来从网站下载指定文件名的文件.先判断本地这个文件是否存在,如果存在则忽略,不存在则从远程服务器上下载,下载成功后本地的批次号累加1,然后使用新的批次号继续下载新文件. #!/bin/ ...

  6. 【Linux】shell编程案例

    一.随机生成字符文件名 1.需求描述: 使用for循环在/usr/test目录下创建10个html文件,其中每个文件需要包含10个随机小写字母加固定字符串test,案例名称如下: 以下为示例: 2.代 ...

  7. MySQL Replication主从复制环境下修改主库IP

    因为调整服务器子网, 数据库服务器的IP地址需要修改. 这个过程中, 需要确保的就是从库在断开主库后, 能从正确的位置再次启动. 具体的操作步骤如下 1) 需要获取的前提信息: 主库的新IP, 这在启 ...

  8. Mysql分页之limit用法与limit优化

    Mysql limit分页语句用法 与Oracle和MS SqlServer相比,mysql的分页方法简单的让人想哭. --语法: SELECT * FROM table LIMIT [offset, ...

  9. mysql配置和管理（转载）

    MySQL的配置与管理 (2012-08-09 13:06:59) 转载▼ 标签: mysql 配置 管理 分类: MySQL 安装 yum -y install mysql-server   启动服 ...

  10. input文本框在div中居中

    {display:block;margin-left:auto;margin-right:auto;}