当前位置： 移动技术网 > IT编程>开发语言>Java > 详解java 中Spring jsonp 跨域请求的实例

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

2019年07月19日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网