遇到一个Js从Cookies里面取值的需求,Js貌似没有现成的方法可以指定Key值获取Cookie里面对应的值,简单实现如下

工作过程中遇到一个Js从Cookies里面取值的需求,Js貌似没有现成的方法可以指定Key值获取Cookie里面对应的值,参阅网上的代码,简单实现如下:

1. 服务端代码,Page_Load里面Cookies写入几个值

using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication_TestJS { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Response.Cookies["DONO"].Value = "EDO1406300001"; Response.Cookies["DOID"].Value = "ABCDEFG123456"; Response.Cookies["DOSOURCE"].Value = "WUWUWUWU"; Response.Cookies["DOTYPE"].Value = "2"; } } }


2. 客户端代码,页面添加按钮和文本框,用于触发和输出获取到的值

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication_TestJS._Default" %> <html> <script language="javascript" type="text/javascript"> function GetCookie() { /*获取Cookies里面存放信息 了解其字符串结构*/ var Cookies = document.cookie; document.getElementById("<%=txtContent.ClientID%>").innerText = Cookies; /*处理字符串截取出来需要的目标值*/ var target = "DONO" + "="; if (document.cookie.length > 0) { start = document.cookie.indexOf(target); if (start != -1) { start += target.length; end = document.cookie.indexOf(";", start); if (end == -1) end = document.cookie.length; } } /*目标值赋值给控件*/ document.getElementById("<%=txtTarget.ClientID%>").innerText = document.cookie.substring(start, end); } </script> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:Button ID="btnGetReq" runat="server" Text="获取内容" OnClientClick="GetCookie()" /> <br /> <asp:TextBox ID="txtContent" runat="server" Columns="120"></asp:TextBox> <br /> <asp:TextBox ID="txtTarget" runat="server" Columns="120"></asp:TextBox> </div> </form> </body> </html>


3.执行结果,可以看到Cookies就是如第一个文本框中存放结构,根据需要截取相应字符串即可

最新资讯
豆瓣不再显示所有用户的电影短评 网友担心“权威不再”

豆瓣不再显示所有用户

最近,有网友发现,豆瓣悄悄发生了改变——用户们关于电影
华为将推出车载智慧屏 支持HiCar系统

华为将推出车载智慧屏

华为今日举行Mate40系列国内发布会,华为消费者业务手机
华为Mate40起售价4999元 Mate40 Pro起售价6499元

华为Mate40起售价4999

华为Mate40国内版价格揭晓,Mate40(8G+128G)起售价为4999
Twitter盘前大跌18% 第三季度日平均可变现活跃用户不及预期

Twitter盘前大跌18%

10月30日下午消息,社交媒体巨头Twitter盘前大跌18%,公
华为何刚:穿戴设备份额全球第一 运动健康App用户超6000万

华为何刚:穿戴设备份额

10月30日下午消息,华为今日举行Mate40系列国内发布会,华
苹果亚马逊在德国面临反垄断审查 或因排挤第三方卖家

苹果亚马逊在德国面临

亚马逊和苹果正因一项政策而在德国面临反垄断调查,该政
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,