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 相关文章推荐
提高网站性能之 如何对待JavaScript
Oct 31 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
JavaScript加强之自定义event事件
Sep 21 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
详解javascript事件绑定使用方法
Oct 20 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
深入理解vue路由的使用
Mar 24 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
JavaScript中ES6规范中let和const的用法和区别
Aug 06 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下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
2007/09/04 Javascript
js form action动态修改方法
2008/11/04 Javascript
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
详细介绍Python函数中的默认参数
2015/03/30 Python
在阿里云服务器上配置CentOS+Nginx+Python+Flask环境
2016/06/18 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
python如何删除文件中重复的字段
2019/07/16 Python
Python 处理文件的几种方式
2019/08/23 Python
Python内置数据类型list各方法的性能测试过程解析
2020/01/07 Python
python十进制转二进制的详解
2020/02/07 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
夏季奶茶店创业计划书
2014/01/16 职场文书
感恩母亲节活动方案
2014/03/04 职场文书
学生会主席演讲稿
2014/04/25 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
会计主管竞聘书
2015/09/15 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
手写实现JS中的new
2021/11/07 Javascript