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代码: /// <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代码: // 设置Cookies function set() { var url = "http://a.wbl.com/api/setvalue/888888"; $.ajax({ type: "get",url: url,dataType: "jsonp",jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数 jsonpCallback: "success_jsonpCallback",//callback的function名称 success: function (json) { console.log(json); alert(json); },error: function () { alert('fail'); } }); } // 获取Cookies function get() { var url = "http://b.wbl.com/api/getvalue"; $.ajax({ type: "get",error: function () { alert('fail'); } }); } 步骤三:WebAPI中返回jsonp数据类型 Jsonp格式:
由于这种格式与json格式有所不同,只用WebAPI里的返回IHttpActionResult或HttpRequestMessage类型不行,最后通过流的方式输出才实现了这个格式。 WebAPI代码: [Route("api/GetValue")] [HttpGet] public void GetValue() { string ccc = MyTools.Request.GetString("callbackparam"); var a = new { name = "Cookies",value = MyTools.Cookies.GetCookiesValue("name") }; string result = ccc + "({"Cookies":"" + MyTools.Cookies.GetCookiesValue("name") + ""})"; //var response = Request.CreateResponse(HttpStatusCode.OK); //response.Content = new StringContent(result,Encoding.UTF8); HttpContext.Current.Response.Write(result); HttpContext.Current.Response.End(); // return response; } [Route("api/SetValue/{id}")] [HttpGet] public void SetValue(int id) { //string domain = ""; string domain = ".wbl.com"; MyTools.Cookies.ClearCookies("name",domain); MyTools.Cookies.SetCookiesValue("name",id.ToString(),domain); string ccc = MyTools.Request.GetString("callbackparam"); string result = ccc + "({"result":"设置成功"})"; HttpContext.Current.Response.Write(result); HttpContext.Current.Response.End(); } 最终效果: 后言: 这只是解决这个问题的一种方法。百度后还有一种通过第三方插件(Cross-Origin、Help Page)来处理的,后续在进行实验。各位路过的大神如有更好的方法,望不要吝啬,请赐教!菜鸟感激不尽! 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程小技巧! 您可能感兴趣的文章:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- 这是从ASP.NET MVC控制器返回不同视图的正确模式吗?
- asp.net – Web开发.NET最佳实践
- asp.net-mvc – 服务层内的成员资格提供者
- asp.net – 在代码而不是数据库中存储salt
- asp.net-membership – 为什么Membership.GetUser()尝试创建
- asp.net-mvc – Web API 2需要使用尾部斜杠来使自定义属性路
- 我应该把我的日志文件放在哪里用于asp.net应用程序?
- asp.net – 如何使Visual Studio在从代码页面击中F7时始终显
- asp.net 根据汉字的拼音首字母搜索数据库(附 LINQ 调用方法
- 如何避免ASP.NET中的快速页面刷新?
- asp.net-mvc – 我的viewmodel值类型属性应该可以
- 使用ASP.NET MVC进行Windows身份验证
- asp.net – 任何人都有解决Internet上的“n项剩余
- asp.net – MS Chart控件创建的临时文件应该放在
- ABP官方文档(四十)【ASP.NET Core】
- asp.net-mvc – ASP.NET MVC中的Razor页面生命周
- 如何在asp.net C#代码后面的菜单控件中禁用特定菜
- asp.net-mvc – 测试ASP.NET MVC 2中的模型绑定
- asp.net-mvc – 如何判断我在ASP.NET MVC应用程序
- asp.net-mvc – Ajax重定向到页面而不是更新目标