详解java 中Spring jsonp 跨域请求的实例

详解java 中Spring jsonp 跨域请求的实例

jsonp介绍

JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON,而是任意的JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解。
0、引入jar包

<dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-jersey</artifactId>
    </dependency> 

    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

其他介绍就不多说了,开始上手吧。

1、继承AbstractJsonpResponseBodyAdvice类JsonpAdvice,并加上@RestControllerAdvice注解

/*RestControllerAdvice的值指定拦截的包名*/
@RestControllerAdvice("com.ctrl")
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice { 

  public JsonpAdvice() {
    super("callback", "jsonp");
        /*callback是url请求拦截的参数名,如果拦截成功会将返回数据传入函数执行回调函数*/
  } 

}

2、创建ctrl类

package com.ctrl; 

import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest; 

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController; 

@RestController
public class HelloCtrl { 

  @RequestMapping("/hello")
  public Map<String,Object> hello(HttpServletRequest request){
    Map<String,Object>data = new HashMap<String,Object>();
    data.put("suc", true);
    data.put("msg", "save suc");
         data.put("param", request.getParameter("a") + "==" + request.getParameter("d"));
    return data ;
  }
}

4、创建启动app类:

package com.services; 

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication; 

@SpringBootApplication(scanBasePackages="com")
public class App { 

  public static void main(String[] args) {
    SpringApplication.run(App.class, args); 

  }
}

5、前端调用:

<!DOCTYPE html>
<html>
<head> 

<title>jquery跨域实例</title>
<!-- jquery版本可以不是3.2.1版本的 -->
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
  $(function() {
        /* 这是快捷调用,callback 是advice中设置的,?是保留参数,
        jquery会替换掉这个问号 url可是不同于请求地址的任何url*/
    $.getJSON("/hello?callback=?", function(data) {
      //$("#showcontent").text("Result:" + data)
    });
    /*使用ajax方法调用*/
    $.ajax({
      type : "get",
      async : false,
      url : "/hello",
      dataType : "jsonp",//数据类型为jsonp
      data:{a:"b",d:"c"},
      type:"POST",
      jsonp : "callback",//服务端用于接收callback调用的function名的参数
      success : function(data) {
        $("#showcontent").text("Result:" + data.suc + " requestParam:" + data.param )
      },
      error : function() {
        alert('fail');
      }
    });
  })
</script>
</head>
<body>
  <div id="showcontent"></div>
</body>
</html>

服务器端也不一定要用spring 任何技术都可以,只要返回格式是下面的格式就可以,调用一个哈桑农户,出传入一个json或者是字符串就可以了。

/**/test01({"suc":true,"msg":"save suc"});

直接访问返回数据:

以上使用关于java 中Spring jsonp 跨域请求的实例详解,如有疑问请留言或者到本站社区交流讨论, 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

时间: 2017-08-13

详解SpringBoot多跨域请求的支持(JSONP)

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

Spring 4.1+JSONP的使用指南

JSONP就是为了解决这一问题的,JSONP是英文JSON with Padding的缩写,是一个非官方的协议.他允许服务端生成script tags返回值客户端,通过javascript callback的形式来实现站点访问.JSONP是一种script tag的注入,将server返回的response添加到页面是实现特定功能. 简而言之,JSONP本身不是复杂的东西,就是通过scirpt标签对javascript文档的动态解析绕过了浏览器的同源策略. 如今的巨石应用已经越来越不行了,很多互

Spring Boot 快速入门指南

最近因为项目的缘故,需要接触 Spring Boot,详细的介绍可以参考官方的文档,这里主要根据自己学习的实践进行简单分享.版本:1.3.6 简介 Spring 框架是非常著名的 Java 开源框架,历经十多年的发展,整个生态系统已经非常完善甚至是繁杂,Spring Boot 正是为了解决这个问题而开发的,为 Spring 平台和第三方库提供了开箱即用的设置,只需要很少的配置就可以开始一个 Spring 项目.当然,建议使用 Java 8 来进行开发. Spring Boot 实际上走的是 Se

Spring 重定向(Redirect)指南及相关策略问题

概述 本文将重点介绍在 Spring 中实现重定向(Redirect),并将讨论每个策略背后的原因. 为什么要重定向? 让我们先来考虑在 Spring 应用程序中为什么您可能需要做一个重定向的原因. 当然有很多可能的例子和原因. 一个简单的可能是 POST 表单数据,围绕双重提交问题,或者只是将执行流委托给另一个控制器方法. 附注一点,典型的 Post / Redirect / Get 模式并不能充分解决双重提交问题 - 在初始提交完成之前刷新页面的问题可能仍然会导致双重提交. 使用  Redi

浅谈Spring Boot 2.0迁移指南主要注意点

Spring官方的Spring Boot 2变动指南,主要是帮助您将应用程序迁移到Spring Boot 2.0,变化部分还是很多很细节的,摘录主要点如下: Spring Boot 2.0需要Java 8或更高版本.不再支持Java 6和7.它还需要Spring Framework 5.0,许多配置属性被重新命名/删除,开发者需要更新他们的application.properties/ application.yml相应.为了帮助您,Spring Boot提供了一个新spring-boot-pr

浅谈Spring 重定向指南

1. 概述 本文将重点介绍在 Spring 中实现重定向(Redirect),并将讨论每个策略背后的原因. 2. 为什么要重定向? 让我们先来考虑在 Spring 应用程序中为什么您可能需要做一个重定向的原因. 当然有很多可能的例子和原因. 一个简单的可能是 POST 表单数据,围绕双重提交问题,或者只是将执行流委托给另一个控制器方法. 附注一点,典型的 Post / Redirect / Get 模式并不能充分解决双重提交问题 - 在初始提交完成之前刷新页面的问题可能仍然会导致双重提交. 3.

详解Spring Boot 事务的使用

spring Boot 使用事务非常简单,首先使用注解 @EnableTransactionManagement 开启事务支持后,然后在访问数据库的Service方法上添加注解 @Transactional 便可. 关于事务管理器,不管是JPA还是JDBC等都实现自接口 PlatformTransactionManager 如果你添加的是 spring-boot-starter-jdbc 依赖,框架会默认注入 DataSourceTransactionManager 实例.如果你添加的是 spr

spring boot配合前端实现跨域请求访问

一.方法: 服务端设置Respone Header头中Access-Control-Allow-Origin 配合前台使用jsonp 继承WebMvcConfigurerAdapter 添加配置类 二.实例: 1.前端:因为我们用了前后端分离,前端用node服务器,node服务器再用了ajax反向代理请求到我的spring boot 服务器.其中node服务器也用了ajax发出请求所以也存在跨域的问题.具体代码: app.all(apiRoot + '/*', proxy('127.0.0.1:

spring boot与redis 实现session共享教程

如果大家对spring boot不是很了解,大家可以参考下面两篇文章. Spring Boot 快速入门教程 Spring Boot 快速入门指南 这次带来的是spring boot + redis 实现session共享的教程. 在spring boot的文档中,告诉我们添加@EnableRedisHttpSession来开启spring session支持,配置如下: @Configuration @EnableRedisHttpSession public class RedisSessi

node.js Web应用框架Express入门指南

一.安装 复制代码 代码如下: $ npm install express 或者在任何地方使用可执行的 express(1) 安装: 复制代码 代码如下: \# 译注:强烈建议这种方式$ npm install -g express 二.快速上手 最快上手 express 的方法是利用可执行的 express(1) 来生成一个应用,如下所示: 创建一个 app: 复制代码 代码如下: $ npm install -g express$ express /tmp/foo && cd /tmp