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学习(二)javascript常见问题总结
Jan 02 Javascript
asm.js使用示例代码
Nov 28 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 Javascript
vuejs指令详解
Feb 07 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
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模块memcache和memcached区别分析
2011/06/14 PHP
php接口与接口引用的深入解析
2013/08/09 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
PHP ADODB生成HTML表格函数rs2html功能【附错误处理函数用法】
2018/05/29 PHP
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
AngularJS基础 ng-srcset 指令简单示例
2016/08/03 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
angularjs 的数据绑定实现原理
2018/07/02 Javascript
Js通过AES加密后PHP用Openssl解密的方法
2019/07/12 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
Python原始字符串(raw strings)用法实例
2014/10/13 Python
自动化Nginx服务器的反向代理的配置方法
2015/06/28 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
Unix如何添加新的用户
2014/08/20 面试题
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
同事欢送会致辞
2015/07/31 职场文书
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技