jsonp解决跨域问题

跨域

　　就是由于JavaScript同源策略的限制，使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据。

简单理解同一个域就是：相同域名、相同端口、相同协议！

JS部分（使用jQuery）：

1 var token = sa5d6a4d456ca5d46;
2 $.ajax({
3     url : "/user/token/" + token + ".action",
4     dataType : "jsonp",
5     type : "GET",
6     success : function(data){
7     }
8 });

后台部分（SpringMVC）：

方式一：

 1 //解决跨域问题方法一：
 2     @RequestMapping(value="/user/token1/{token}",produces = MediaType.APPLICATION_JSON_UTF8_VALUE)
 3     @ResponseBody
 4     public String getUserByToken1(@PathVariable String token, String callback){
 5         MyResult result = tokenService.getUserByToken(token);
 6         //响应结果之前，判断是否为jsonp请求
 7         if (StringUtils.isNotBlank(callback)) {
 8             //把结果拼成一个js语句响应
 9             return callback + "(" + JsonUtils.objectToJson(result)  + ");";
10         }
11         return JsonUtils.objectToJson(result);
12     }

方式二（使用Spring的工具类）：

//解决跨域问题方法二：@RequestMapping(value="/user/token/{token}")@ResponseBodypublic Object getUserByToken2(@PathVariable String token, String callback){MyResult result = tokenService.getUserByToken(token);//响应结果之前，判断是否为jsonp请求if (StringUtils.isNotBlank(callback)) {//把结果封装成一个js语句响应MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(result);mappingJacksonValue.setJsonpFunction(callback);return mappingJacksonValue;}return result;}

转载于:https://www.cnblogs.com/gxc6/p/9482131.html

jsonp解决跨域问题相关推荐

用jsonp 解决跨域问题
用jsonp 解决跨域问题参考文章: (1)用jsonp 解决跨域问题 (2)https://www.cnblogs.com/jiaoshuai/p/6844993.html 备忘一下.
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...
jsonp解决跨域问题（简单易懂）
在日常的项目开发中,前端和后台是要经常交互的,有时候前端去请求后端的接口时,会出现跨域这个问题,解决跨域的方法有很多,本文主要讲解下如何使用jsonp来解决跨域问题. 解决问题之前,我们首先要明白一个 ...
Web笔记-使用jsonp解决跨域请求（CROS）问题
目录基本概念代码与实例基本概念当我在某web站点,这个站点里面发出了像其他站点的请求(不同链接,或者同一链接的不同端口),是会失败的,因为是浏览器的安全检测问题,当然,这个只是主流浏览器的功能 ...
前端跨域请求get_前端接收 get 请求，用jsonp 解决跨域问题，需要服务端的response 也要jsonp 类型...
1. 解决跨域必须在ajax 方法中dataType 设置为jsonp 2. 此时服务端返回的就必须是jsonp 类型的,而不是json 类型的 3. 客户端js 代码中ajax 方法还要设置json ...
Django 【第十九篇】JS实现的ajax、同源策略和前端JSONP解决跨域问题
一.回顾jQuery实现的ajax 首先说一下ajax的优缺点优点:AJAX使用Javascript技术向服务器发送异步请求: AJAX无须刷新整个页面: 因为服务器响应内容不再是整个页面,而是页面 ...
ajax跨界表单,ajax使用jsonp解决跨域问题
ubuntu环境配置网络配置主要文件:/etc/network/interfaces,这里是IP.网关.掩码等的一些配置: # This file describes the network in ...
JSONP解决跨域及ajax同步问题
2019独角兽企业重金招聘Python工程师标准>>> 1.前端js 1.参数定义:var sendJSONP = function(url){var settings = {url ...
深入跨域问题(2) - 利用 CORS 解决跨域
阅读目录: 深入跨域问题(1) - 初识 CORS 跨域资源共享: 深入跨域问题(2) - 利用 CORS 解决跨域(本篇) 深入跨域问题(3) - 利用 JSONP 解决跨域深入跨域问题(4) - ...

jsonp解决跨域问题

跨域

JS部分（使用jQuery）：

后台部分（SpringMVC）：

jsonp解决跨域问题相关推荐

最新文章

热门文章