java jsonp 跨域实例_利用Spring jsonp如何在java项目中实现一个跨域请求

利用Spring jsonp如何在java项目中实现一个跨域请求

发布时间：2020-12-02 15:15:38

来源：亿速云

阅读：72

作者：Leah

本篇文章为大家展示了利用Spring jsonp如何在java项目中实现一个跨域请求，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

jsonp介绍

JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的

0、引入jar包

org.springframework.boot

spring-boot-starter-jersey

org.springframework.boot

spring-boot-starter-web

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

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 hello(HttpServletRequest request){

Mapdata = new HashMap();

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、前端调用：

jquery跨域实例

$(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');

}

});

})