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 相关文章推荐
jQuery对表单的操作代码集合
Apr 06 Javascript
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
php+ajax+jquery实现点击加载更多内容
May 03 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
javascript中join方法实例讲解
Feb 21 Javascript
vue组件中实现嵌套子组件案例
Aug 31 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
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
PHP无法访问远程mysql的问题分析及解决
2013/05/16 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
Exitjs获取DataView中图片文件名
2009/11/26 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
详解JavaScript的策略模式编程
2015/06/24 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
JS中原始值和引用值的储存方式示例详解
2018/03/23 Javascript
浅谈vuex actions和mutation的异曲同工
2018/12/13 Javascript
Node.js net模块功能及事件监听用法分析
2019/01/05 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
2019/09/18 Javascript
详细介绍解决vue和jsp结合的方法
2020/02/06 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
Keras设置以及获取权重的实现
2020/06/19 Python
通过自学python能找到工作吗
2020/06/21 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
小学教师的个人自我鉴定
2013/10/24 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python