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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
Feb 14 Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
微信小程序实现电子签名功能
Jul 29 Javascript
Vue + ts实现轮播插件的示例
Nov 10 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下载文件名中的中文乱码问题解决方法
2015/03/05 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
php源码的安装方法和实例
2019/09/26 PHP
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
2012/02/27 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
JS求平均值的小例子
2013/11/29 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
python清除字符串里非数字字符的方法
2015/07/02 Python
Python 递归函数详解及实例
2016/12/27 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
python 字符串只保留汉字的方法
2018/11/16 Python
详解Django模版中加载静态文件配置方法
2019/07/21 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
视光学毕业生自荐书范文
2014/02/13 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
事业单位鉴定材料
2014/05/25 职场文书
作文之亲情600字
2019/09/23 职场文书
vue3获取当前路由地址
2022/02/18 Vue.js
golang的文件创建及读写操作
2022/04/14 Golang