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实现点击该行即可删除HTML表格行
Oct 17 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
整理关于Bootstrap排版的慕课笔记
Mar 29 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
浅谈Vue的响应式原理
May 30 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 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
Syphon 秘笈
2021/03/03 冲泡冲煮
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
网页自动跳转代码收集
2009/09/27 Javascript
javascript 通用loading动画效果实例代码
2014/01/14 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
node.js require() 源码解读
2015/12/13 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
2019/02/18 Javascript
node后端服务保活的实现
2019/11/10 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
Python实现windows下模拟按键和鼠标点击的方法
2015/03/13 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
python实现与redis交互操作详解
2020/04/21 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
优秀民警事迹材料
2014/01/29 职场文书
爱护花草树木的标语
2014/06/11 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
社区活动策划方案
2014/08/21 职场文书
2014年后勤工作总结
2014/11/18 职场文书
实施意见格式范本
2015/06/05 职场文书
欠条样本
2015/07/03 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书
初中政治教师教学反思
2016/02/23 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
HTML+JS实现在线朗读器
2022/02/15 Javascript