在前面一篇文章《Spring Cloud 前后端分离后引起的跨域访问解决方案》里我们提到使用ajax跨域请求其他应用的http服务,使用的是后台增加注解@CrossOrigin或者增加CorsFilter过滤器,然后ajax调用时设置xhrFields{withCredentials: true}来传递cookie信息。

本文采用jsonp方式处理。

背景

应用A 的地址为http:127.0.0.1:8081

应用B的地址为http:127.0.0.1:8082

应用B提供一个后台http服务/hello来返回session等相关信息

A的前台ajax跨域访问B的此http服务

应用A前台ajax代码:

 $.ajax({
type: "POST",
async: "true",
url: "http://127.0.0.1:8082/hello",
dataType: "jsonp",
jsonp:"jsonpCallback",
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus + "," + errorThrown);
},
beforeSend: function (XMLHttpRequest) {
},
/* 使用jsonp时无需添加此属性。cookie会默认传递到后端
xhrFields: {
withCredentials: true
},*/
success: function (data, status) {
alert("数据:" + data + "\n状态:" + status);
}
});

其中

1.dataType=jsonp,表示用于跨域请求。

2.jsonp属性的值可自行定义,这个值在后台会用到。jsonp属性用于指定获得jsonp回调函数名的参数名(默认为:callback)。这个值用来替代URL中"callback=?"里的"callback"部分,比如代码中设置了jsonp=jsonpCallback,则会将"jsonpCallback=?"传给服务器。

应用B后台代码

@RequestMapping("/hello")
//@CrossOrigin 使用jsonp则无需此注解
Object hello() {
String result = "hello,i'm spring boot,server.port=" + port + ";sessionId=" + RequestUtil.getSessionId( );
log.info("hello,result={}", result); //打印cookie信息,以确认cookie是否传递过来
Cookie[] cookies = RequestUtil.getRequest( ).getCookies( );
if (cookies != null && cookies.length > 0) {
for (Cookie cookie :
cookies) {
log.info("cookie,key={},value={}", cookie.getName( ), cookie.getValue( ));
}
} //判断是否是jsonp请求(此处的jsonpCallback与ajax中jsonp的值对应),如果是jsonp的,则需要返回jsonp(result)
String jsonpCallback = RequestUtil.getRequest( ).getParameter("jsonpCallback"); if (StringUtils.isEmpty(jsonpCallback))
return result;
else
return new JSONPObject(jsonpCallback, result);//最终的效果是jsonpCallback(result)
}

注意:jsonp调用时返回JSONPObject对象,真正从后台返回的字符串格式如下:

jQuery111108124416126231964_1534906372378("hello,i'm spring boot,server.port=8082;sessionId=B2411EAD05B3FD792F7C80756E72B2E1")
0

其中jQuery111108124416126231964_1534906372378即前台ajax传递的jsonpCallback参数的值。。

验证

多次访问,session不变。。

抓包:

后台日志:可见session没变。。cookie也传递过去了

总结

对于jsonp方式的ajax跨域访问,无需增加xhrFields参数,会默认传递cookie,后台返回jsonpObject,后台无需增加跨域注解或者跨域过滤器

对于非jsonp的普通ajax调用,需要增加xhrFields参数标示需要传递cookie,后台需增加跨域注解或者跨域过滤器

ajax跨域访问http服务--jsonp的更多相关文章

  1. Ajax跨域访问wcf服务中所遇到的问题总结。

    工具说明:vs2012,sql server 2008R2 1.首先,通过vs2012建立一个wcf服务项目,建立好之后.再新开一个vs2012 建立web项目,通过jQuery的ajax方法访问服务 ...

  2. 浅析JSONP-解决Ajax跨域访问问题

    浅析JSONP-解决Ajax跨域访问问题 很久没有写随笔了,总是感觉没时间,其实时间就是...废话少说,前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息.实现 ...

  3. Ajax跨域访问解决办法

    方法1. jsonp实现ajax跨域访问示例 jsp代码: <body> <input type="button" onclick="testJsonp ...

  4. 什么是跨域访问,JSON&JSONP

    http://blog.csdn.net/notechsolution/article/details/50394391 更详细的讲解,关于同源策略等: http://www.cnblogs.com/ ...

  5. Web Api 2(Cors)Ajax跨域访问

    支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示   随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Ang ...

  6. ajax 跨域访问的解决方案

    ajax 跨域访问的解决方案 一.什么是跨域: 1.什么样的请求属于跨域: 域名,端口有任何一个不相同都属于跨域: 二.跨域的常用几种解决方案: 1.jsonp: 2.iframe: 3.webcon ...

  7. Hbuilder编辑App时,ajax跨域访问失败问题

    今天试着用Hbuilder写app的前段显示页面,在第一步时就被打住了,ajax异步调用服务器的登录接口时,报错, 显示这样的错误 XMLHttpRequest cannot loadhttp://w ...

  8. 关于JQuery Ajax 跨域 访问.net WebService

    关于这个 jQuery Ajax跨域访问 WebService 前天整了好几个小时没整明白 今天再看一下 结果突然就顿悟了 1.建一个空webApplication --添加--新建项--web服务( ...

  9. JS Ajax跨域访问

    js ajax跨域访问报"No 'Access-Control-Allow-Origin' header is present on the requested resource 如果请求的 ...

随机推荐

  1. 用Ubuntu和树莓派系统部署kubernetes集群后的一些心得

    方案 环境 操作系统:Ubuntu 16.04 & Raspbian GNU/Linux 9(Stretch Desktop) kubernetes :1.15.3 flannel:0.11. ...

  2. 三、Jmeter发送请求

    Jmeter的使用例子,发送一个get请求 1.打开Jmeter,选中Test Plan右键 选择 "添加"--"线程(用户)"--"线程组" ...

  3. ubuntu 18 安装xgboost GPU版本

    综合上述两个帖子: https://www.cnblogs.com/huadongw/p/6161145.html https://blog.csdn.net/u011587516/article/d ...

  4. html2canvas使用心得

    近两年做了几次微信H5活动的开发,为了达到传播分享的效果,通常最终都需要生成个性化的图片,供用户长按保存分享,在这里就把自己的一些使用心得记录下来,供其他小伙伴借鉴. 这里备注一下,我目前用的是  h ...

  5. redis位操作

    setbit 设置指定key的偏移量处的值 key:键值 offset:二进制数据的偏移量(注意从左开始为第0位) value:要设置的值(0或1) getbit 获取对应key的offset处的值 ...

  6. 2020-2021-1 20209307 《Linux内核原理与分析》第二周作业

    1.寻址方式和常用汇编指令 寄存器寻址:movl %eax,%edx  相当于edx=eax 立即寻址:movl $0x123,%edx   相当于edx=0x123 直接寻址:movl 0x123, ...

  7. cmd.exe解释器漏洞

    安全研究员Julian Horoszkiewicz发现了cmd.exe命令行解释器中的漏洞,该漏洞允许执行任意命令. 在寻找新的攻击媒介以允许Windows中注入命令时,Khoroshkevich发现 ...

  8. 利用Java Flight Recorder(JFR)诊断timing及内存问题

    Java Flight Recorder(JFR), 以下简称JFR,请注意这个只有Oracle JDK 1.7(7u40)或以上版本才有, OpenJDK木有这东西. 启用: Java命令行启动参数 ...

  9. 【超详细】MakeDown(Typora)+PicGo+Gitee实现图床

    [超详细]MakeDown(Typora)+PicGo+Gitee实现图床 序言:我们有时在用makedown整理笔记时想把自己的笔记上传到博客园,可是发现在上传过程中makedown中的图片显示不出 ...

  10. OSPF --- 不规则区域实验

    OSPF不规则区域实验: 一.知识点整理: OSPF中路由器的角色(看图): 骨干路由器:路由器所有接口属于area 0  -->R3 非骨干路由器:路由器所有接口属于非area 0  --&g ...