详解java 中Spring jsonp 跨域请求的实例_网络技术

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

发布时间 - 2026-01-11 02:48:50 点击率：次

详解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 跨域请求的实例详解，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# Spring # jsonp # jsonp的实例 # jsonp跨域请求 # JAVA通过Filter实现允许服务跨域请求的方法 # Java实现CORS跨域请求的实现方法 # 详解Java Ajax jsonp 跨域请求 # Java利用cors实现跨域请求实例 # 使用CORS实现JavaWeb跨域请求问题的方法 # 解决跨域请求 # NG返回403(403并不一定是NG问题) # 就可以 # 是一个 # 这是 # 也不 # 说了 # 如有 # 不多 # 希望能 # 要用 # 或者是 # 谢谢大家 # 可以得到 # 会将 # 抓到 # 回调 # 服务端 # 而不是 # 疑问请 # 哈桑 # 可用于

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：保持服务器安全的Linux命令：必备技能与最佳实践

下一篇：百度ai助手怎么关闭百度ai助手关闭最简单方法

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：保持服务器安全的Linux命令：必备技能与最佳实践

下一篇：百度ai助手怎么关闭百度ai助手关闭最简单方法