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

  • 更新时间:2022-10-20 10:11:00
  • 编辑:蒲惜儿

详解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 跨域请求的实例

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

相关教程

  • Java自动读取指定文件夹下所有文件的实例代码

    这篇文章主要为大家详细介绍了Java自动读取指定文件夹下所有文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    发布时间:2019-12-19

  • 详解Java编程求二叉树的镜像两种方法

    这篇文章主要介绍了Java编程求二叉树的镜像两种方法介绍,分享了两种方法,递归与非递归,每种方法又分别介绍了两种解决思路,具有一定参考价值,需要的朋友可以了解下。

    发布时间:2020-02-26

  • java实现后台图片跨域上传功能的实例讲解

    这篇文章主要给大家介绍了关于java实现后台图片跨域上传功能的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用java具有一定的参考学习价值,需要的朋友们下面来一起学习

    发布时间:2020-04-17

  • 通信专业的学java还是python有前途

    在本篇内容里小编给大家整理了关于通信专业的学java还是python有前途的相关内容,有兴趣的朋友们跟着学习参考下。

    发布时间:2019-07-04

  • java实现微信企业付款到个人账户方法

    这篇文章主要为大家详细介绍了java实现微信企业付款到个人功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

    发布时间:2018-10-05

  • Java基本数据类型不需要进行创建对象的原因

    今天小编就为大家分享一篇关于Java为什么基本数据类型不需要进行创建对象?,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

    发布时间:2019-07-29

  • Java进阶宝典

    这篇文章主要给大家分享介绍了这本Java进阶宝典里,是开发10年总结出来的,文中通过图文介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧

    发布时间:2020-01-28

  • java微信小程序开发中加密解密算法总结

    这篇文章主要为大家详细介绍了java实现微信小程序加密数据解密算法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    发布时间:2019-06-05

  • java使用多线程读取超大文件

    给网友朋友们带来一篇关于java的教程,这篇文章主要为大家详细介绍了java使用多线程读取超大文件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    发布时间:2022-06-28

用户留言