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的执行速度
Jan 23 Javascript
JS 事件绑定函数代码
Apr 28 Javascript
AJAX 网页保留浏览器前进后退等功能
Feb 12 Javascript
javascript继承的六大模式小结
Apr 13 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
详解javascript的变量与标识符
Jan 04 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
解决vue+router路由跳转不起作用的一项原因
Jul 19 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(视频)Http下载
2006/12/12 PHP
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
jquery 选取方法都有哪些
2014/05/18 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
2016/03/11 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
nodejs批量下载图片的实现方法
2017/05/19 NodeJs
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
Python的设计模式编程入门指南
2015/04/02 Python
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
Python编写简单的HTML页面合并脚本
2016/07/11 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
Django卸载之后重新安装的方法
2017/03/15 Python
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
查看Django和flask版本的方法
2018/05/14 Python
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
压铸汽车模型收藏家:Diecastmodelswholesale.com
2016/12/21 全球购物
2015年节能减排工作总结
2015/05/14 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
重温入党誓词主持词
2015/06/29 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA