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 相关文章推荐
Ext.MessageBox工具类简介
Dec 10 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
vue做网页开场视频的实例代码
Oct 20 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
JS实现继承的几种常用方式示例
Jun 22 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+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
js/jQuery简单实现选项卡功能
2014/01/02 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
vue中如何使用ztree
2018/02/06 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
jQuery中实现text()的方法
2019/04/04 jQuery
微信小程序实现电子签名功能
2020/07/29 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
Python导入oracle数据的方法
2015/07/10 Python
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
Python zip()函数用法实例分析
2018/03/17 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
Python内置加密模块用法解析
2019/11/25 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
农田水利实习自我鉴定
2013/09/19 职场文书
总经理职责范文
2013/11/08 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
房地产营销活动策划方案
2014/09/15 职场文书
长城的导游词
2015/01/30 职场文书
黄埔军校观后感
2015/06/10 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
编写python程序的90条建议
2021/04/14 Python
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技