本文摘自PHP中文网,作者黄舟,侵删。
本文主要介绍了ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据传递的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧前言
最近公司项目进行架构调整,由原来的三层架构改进升级到微服务架构(准确的说是服务化,还没完全做到微的程度,颗粒度没那么细),遵循RESTFull规范,使前后端完全分离,实现大前端思想。由于是初次尝试,中途也遇到了不少问题。今天就来讨论一下其中之一的问题,WebAPI与前端Ajax 进行跨域数据交互时,由于都在不同的二级域名下(一级域名相同),导致Cookies数据无法获取。
最开始通过头部(Header)将Cookies传输到其WebAPI,也能解决问题。
下面讲述另外一种解决方案。
解决过程:
步骤一:将Cookies的Domain(域)设置成一级域名,例如:“.wbl.com”(a.wbl.com域名下)
这是前提,此时在其中一个WebAPI中设置了Cookies后,用浏览器直接访问其它的WebAPI是可以获取到Cookies的。例如:a.wbl.com域名下设置的Cookies,用浏览器直接访问b.wbl.com域名的WebAPI是可以获取到Cookies的。但是用c.web.com域名下的Ajax访问b.wbl.com时,就无法获取到Cookies了,这是由于浏览器中Ajax的权限相对较低,Ajax无法跨域问题导致。
写入Cookies代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | /// <summary>
/// 给指定的 Cookies 赋值
/// </summary>
/// <param name="cookKey">Cookies 名称</param>
/// <param name="value">Cookies 值</param>
/// <param name="domain">设置与此 Cookies 关联的域(如:“.tpy100.com”)(可以使该域名下的二级域名访问)</param>
public static void SetCookiesValue( string cookKey, string value, string domain)
{
HttpCookie cookie = new HttpCookie(cookKey);
cookie.Value = value;
cookie.HttpOnly = true ;
if (! string .IsNullOrEmpty(domain) && domain.Length > 0)
cookie.Domain = domain;
HttpContext.Current.Response.Cookies.Add(cookie);
}
|
步骤二:JQuery中Ajax使用Jsonp数据类型解决跨域问题(c.wbl.com域名下)
前后端需要定义统一的回调(Callback)函数名。
前端Ajax代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | function set() {
var url = "http://a.wbl.com/api/setvalue/888888" ;
$.ajax({
type: "get" ,
url: url,
dataType: "jsonp" ,
jsonp: "callbackparam" ,
jsonpCallback: "success_jsonpCallback" ,
success: function (json) {
console.log(json);
alert(json);
},
error: function () {
alert( 'fail' );
}
});
}
function get() {
var url = "http://b.wbl.com/api/getvalue" ;
$.ajax({
type: "get" ,
url: url,
dataType: "jsonp" ,
jsonp: "callbackparam" ,
jsonpCallback: "success_jsonpCallback" ,
success: function (json) {
console.log(json);
alert(json);
},
error: function () {
alert( 'fail' );
}
});
}
|
步骤三:WebAPI中返回jsonp数据类型
阅读剩余部分
相关阅读 >>
极客学院asp.net视频教程的资料推荐
关于asp.net core网站在docker中运行的详解
介绍asp.net的几种分页方式
asp.net是什么?
解析webgrid - 非常有用的 asp.net web 帮助器
asp.net core环境设置教程(2)_实用技巧
分享asp.net core在开发环境中保存机密(user secrets)的实例
asp.net core中关于webapi几种版本控制对比详解(图)
高性能缓存系统(memcached)的实例介绍
使用action的模型绑定实例教程
更多相关阅读请进入《asp.net》频道 >>
清华大学出版社
作者:[美]克里斯琴·内格尔(Christian Nagel)著。出版时间:2019年3月。
转载请注明出处:木庄网络博客 » ASP.Net中关于WebAPI与Ajax进行跨域数据交互时Cookies数据的传递