美文网首页
jsonp跨域访问实战

jsonp跨域访问实战

作者: Dev_yang7 | 来源:发表于2017-03-25 14:42 被阅读30次

server 端

@RestController
public class Controller1 {
    @RequestMapping(value = "/test1",method = RequestMethod.GET)
    public String test1(HttpServletRequest request){
        String data="'data from server2 which port 8081'";
        String jsonpCallback = request.getParameter("jsonpCallback");//这一步很关键
        String s=jsonpCallback+"("+data+");";
        return s;
    }
}


client端


<script>
$(function () {
$("#test1").click(function () {

    $.getJSON("http://localhost:8081/test1?jsonpCallback=?",function(data){
        console.log(data);
    });

});


});


</script>

result:80端口获取到了81端口的数据(跨域访问)

Paste_Image.png

jsonp原理

<script src="..."></script>可以无视跨域访问

相关文章

  • 复习jsonp和promise

    一.jsonp 1.jsonp是跨域访问api,ajax不能跨域 2.在vue中使用jsonp首先要安装jsonp...

  • jsonp跨域访问实战

    server 端 client端 result:80端口获取到了81端口的数据(跨域访问) jsonp原理 可以无...

  • jQuery笔记

    Ajax跨域访问 dataType设置为"jsonp" jsonp设置为"jsonpCallback"该参数是用于...

  • JS访问后台服务与JSONP使用

    JS访问后台服务JSONP 1. XMLhtmlRequest 2. JSON 3. JSONP跨域 ...

  • 前端跨域

    CORS跨域 1.CORS跨域-服务端设置,前端直接调用说明:后台允许前端某个站点进行访问 2.JSONP跨域-前...

  • tomcat 下web服务跨域访问

    因为项目中需要跨域访问文将上传服务器,尝试了jsonp的方式但是,只能跨域访问GET请求, 上传服务又是POST的...

  • 对jsonp 的理解认识

    什么是跨域?为什么要跨域呢?听说jsonp能. 为什么jsonp能跨域呢?什么时候使用jsonp?怎么使用json...

  • 跨域的几种解决方法

    1、jsonp利用 来解决跨域假设当前域为localhost:8080,现想访问localhost:9090来获取...

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

网友评论

      本文标题:jsonp跨域访问实战

      本文链接:https://www.haomeiwen.com/subject/godcottx.html