使用jsonp解决跨域问题

Myth丶恋晨 2022-06-06 03:49 219阅读 0赞

在ajax的使用中，Jsonp可以解决跨域问题，不过需要服务端的接口做处理。

当然，如果自己玩的话，可以用一个浏览器插件即可解决跨域问题。

## 客户端的请求如下： ##

$.ajax({
            url: URL,
            type: "GET",
            async: false,
            data: requestParam,
            dataType: "jsonp",
            jsonp: "callback",
            jsonpCallback: "dataDeal",
            success: function (message) {
               
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert("statusText:" + XMLHttpRequest.statusText + "\nstatus: " + XMLHttpRequest.status + ";\nreadyState: " + XMLHttpRequest.readyState +
                    ";\ntextStatus: " + textStatus);
                this;
        }

## 服务端的接口处理如下： ##

@RequestMapping("/doManage")
        public void serviceForManage(HttpServletRequest httpServletRequest,
                                     String callback,
                                     HttpServletResponse httpServletResponse) {
            try {
                Writer out = httpServletResponse.getWriter();
                ResponseEntity response = service();//service处理逻辑
                log.info("callback = \n" + callback + "(" + response.toJsonString() + ")");
                out.write(callback + "(" + JSONUtils.toJSONString(response) + ")");
            } catch (Exception e) {
                log.error("api error:  " + e.getMessage());
            }
        }

在这里，client需要一个jsonp和jsonpcallback的两个参数，其中jsonp的参数callback对应于服务端的接口参数callback，而jsonpcallback的dataDeal对应于服务端接口中参数callback的值。

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jsonp解决ajax跨域问题

一、介绍 > 最近跨域问题比较多，而且自己刚好也看到这一块，就总结了一下，关于JSONP的东西百度的话东西确实很多，很多人都是复制别人的，如此下去，其实找的资料就那么几份

ゝ一纸荒年。/ 2022年08月22日 14:21/ 0 赞/ 239 阅读

相关 jsonp解决ajax跨域问题

“已阻止交叉源请求：同源策略不允许读取…” jsonp的基本的原理是:动态添加一个<script>标签，而script标签的src属性是没有跨域的限制的。 (也就是可以

拼搏现实的明天。/ 2022年08月05日 19:27/ 0 赞/ 203 阅读

相关解决跨域问题，聊聊JSONP

概述：跨域这个问题在工作偶尔能够碰到，但是一旦跨域传送数据就成了问题，所以就用到了JSONP，今天我们来聊聊JSONP。什么是JSONP： JSON

我会带着你远行/ 2022年08月05日 08:45/ 0 赞/ 304 阅读

相关 jsonp解决ajax跨域问题!

利用jsonp解决ajax跨域问题:(至于success里面的操作可以忽略:) 某工程下ajax请求代码: var isVisible = true; f

我不是女神ヾ/ 2022年08月04日 08:51/ 0 赞/ 178 阅读

相关 JSONP解决跨域问题

JavaScript规范中提到的json是不能直接跨域调用，为了安全，但是能调用js片段，所以把json包装为一个js片段，也就是jsonp那么就能够跨域请求

梦里梦外;/ 2022年06月13日 22:57/ 0 赞/ 308 阅读

相关 jsonp解决Ajax跨域问题

什么是跨域？ 1、域名不同。 2、域名相同，端口不同。

﹏ヽ暗。殇╰゛Y/ 2022年06月06日 13:42/ 0 赞/ 252 阅读

相关使用jsonp解决跨域问题

在ajax的使用中，Jsonp可以解决跨域问题，不过需要服务端的接口做处理。当然，如果自己玩的话，可以用一个浏览器插件即可解决跨域问题。客户端的请求如下：

Myth丶恋晨/ 2022年06月06日 03:49/ 0 赞/ 220 阅读

相关 JSONP解决跨域问题

转自：http://blog.csdn.net/u014607184/article/details/52027879 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域

墨蓝/ 2022年05月30日 22:40/ 0 赞/ 275 阅读

相关 Jsonp解决ajax跨域问题

一、介绍 > 最近跨域问题比较多，而且自己刚好也看到这一块，就总结了一下，关于JSONP的东西百度的话东西确实很多，很多人都是复制别人的，如此下去，其实找的资料就那么几份

ゞ浴缸里的玫瑰/ 2022年05月20日 01:05/ 0 赞/ 318 阅读

相关解决跨域问题之JSONP

JavaScript规范中提到的json是不能直接跨域调用，为了安全，但是能调用js片段，所以把json包装为一个js片段，也就是jsonp，那么就能够跨域请求。假设我们原

太过爱你忘了你带给我的痛/ 2022年05月19日 03:25/ 0 赞/ 246 阅读