js从Cookies里面取值的简单实现


Posted in Javascript onJune 30, 2014

工作过程中遇到一个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就是如第一个文本框中存放结构,根据需要截取相应字符串即可
js从Cookies里面取值的简单实现

Javascript 相关文章推荐
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
浅谈jquery高级方法描述与应用
Oct 04 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
vue实现路由懒加载的3种方法示例
Sep 01 Javascript
jQuery学习总结之jQuery事件
Jun 30 #Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 #Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
Jun 30 #Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 #Javascript
javascript时间函数大全
Jun 30 #Javascript
js取得html iframe中的元素和变量值
Jun 30 #Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
Jun 30 #Javascript
You might like
深入理解PHP原理之异常机制
2010/08/21 PHP
thinkphp学习笔记之多表查询
2014/07/28 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
Python描述器descriptor详解
2015/02/03 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
python防止随意修改类属性的实现方法
2019/08/21 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
Python 如何批量更新已安装的库
2020/05/26 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
中国汽车租赁行业头部企业:一嗨租车
2019/05/16 全球购物
结构和类有什么异同
2012/07/16 面试题
销售类求职信
2014/06/13 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
西安大雁塔导游词
2015/02/10 职场文书
酒店温馨提示语
2015/07/14 职场文书
欢送领导祝酒词
2015/08/12 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
详解JAVA的控制语句
2021/11/11 Java/Android