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 相关文章推荐
070823更新的一个[消息提示框]组件 兼容ie7
Aug 29 Javascript
两个select之间option的互相添加操作(jquery实现)
Nov 12 Javascript
关闭浏览器时提示onbeforeunload事件
Dec 25 Javascript
JQuery记住用户名和密码的具体实现
Apr 04 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
Angular中的interceptors拦截器
Jun 25 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
原生js实现日历效果
Mar 02 Javascript
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
javascript实现简单留言板案例
Feb 09 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的Yii框架中View视图的使用进阶
2016/03/29 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
JavaScript实现仿网易通行证表单验证
2015/05/25 Javascript
jQuery焦点图轮播特效代码分享(3款)
2015/09/05 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
细说webpack源码之compile流程-入口函数run
2017/12/26 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
python opencv 图像尺寸变换方法
2018/04/02 Python
python之生产者消费者模型实现详解
2019/07/27 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
python列表生成器迭代器实例解析
2019/12/19 Python
python日期与时间戳的各种转换示例
2020/02/12 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
澳大利亚女性快速时尚零售商:Ally Fashion
2018/04/25 全球购物
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
西班牙语在线票务市场:SuperBoletería
2019/06/10 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
个人催款函范文
2015/06/24 职场文书
Python实现批量自动整理文件
2022/03/16 Python
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers