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 相关文章推荐
打开超链需要“确认”对话框的方法
Mar 08 Javascript
JavaScript 继承详解(一)
Jul 13 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
Vue 实用分页paging实例代码
Apr 12 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 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
ASP知识讲座四
2006/10/09 PHP
PHP实现的简单日历类
2014/11/29 PHP
php使用cookie实现记住用户名和密码实现代码
2015/04/27 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
轻松实现php文件上传功能
2017/02/17 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
用 JSON 处理缓存
2007/04/27 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
Django保护敏感信息的方法示例
2019/05/09 Python
Numpy对数组的操作:创建、变形(升降维等)、计算、取值、复制、分割、合并
2019/08/28 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
CSS3实现缺角矩形,折角矩形以及缺角边框
2019/12/20 HTML / CSS
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
最新大学生创业计划书写作攻略
2014/04/02 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
学前班语言教学计划
2015/01/20 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
2015年体检中心工作总结
2015/05/27 职场文书