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 下拉列表 二级联动插件分享
Mar 29 Javascript
Node调试工具JSHint的安装及配置教程
May 27 Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 Javascript
全面解析Bootstrap布局组件应用
Feb 22 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
vue.js 中使用(...)运算符报错的解决方法
Aug 09 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
Nov 12 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
PHP 开发工具
2006/12/06 PHP
php入门小知识
2008/03/24 PHP
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
php实现文件预览功能
2017/05/23 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
vue组件间通信解析
2017/03/01 Javascript
vue数据双向绑定原理解析(get &amp; set)
2017/03/08 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
python 爬取微信文章
2016/01/30 Python
深入理解Python中的super()方法
2017/11/20 Python
python 读取数据库并绘图的实例
2019/12/03 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
EMU Australia澳大利亚官网:澳大利亚本土雪地靴品牌
2019/07/24 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
2014年秋季开学演讲稿
2014/05/24 职场文书
三八妇女节标语
2014/10/09 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
小学班级标语口号大全
2015/12/26 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
Mysql基础知识点汇总
2021/05/26 MySQL
yolov5返回坐标的方法实例
2022/03/17 Python