js從Cookies里面取值的簡(jiǎn)單實(shí)現(xiàn)
更新時(shí)間：2014年06月30日 17:34:54 投稿：whsnow
遇到一個(gè)Js從Cookies里面取值的需求，Js貌似沒(méi)有現(xiàn)成的方法可以指定Key值獲取Cookie里面對(duì)應(yīng)的值，簡(jiǎn)單實(shí)現(xiàn)如下
工作過(guò)程中遇到一個(gè)Js從Cookies里面取值的需求，Js貌似沒(méi)有現(xiàn)成的方法可以指定Key值獲取Cookie里面對(duì)應(yīng)的值，參閱網(wǎng)上的代碼，簡(jiǎn)單實(shí)現(xiàn)如下：
1. 服務(wù)端代碼，Page_Load里面Cookies寫(xiě)入幾個(gè)值
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. 客戶端代碼，頁(yè)面添加按鈕和文本框，用于觸發(fā)和輸出獲取到的值
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication_TestJS._Default" %>
<html>
<script language="javascript" type="text/javascript">
function GetCookie()
{
/*獲取Cookies里面存放信息 了解其字符串結(jié)構(gòu)*/
var Cookies = document.cookie;
document.getElementById("<%=txtContent.ClientID%>").innerText = Cookies;
/*處理字符串截取出來(lái)需要的目標(biāo)值*/
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;
}
}
/*目標(biāo)值賦值給控件*/
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="獲取內(nèi)容" 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.執(zhí)行結(jié)果，可以看到Cookies就是如第一個(gè)文本框中存放結(jié)構(gòu)，根據(jù)需要截取相應(yīng)字符串即可
相關(guān)文章
基于JS實(shí)現(xiàn)仿京東搜索欄隨滑動(dòng)透明度漸變效果
這篇文章主要介紹了基于JS實(shí)現(xiàn)仿京東搜索欄隨滑動(dòng)透明度漸變效果,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-07-07
鼠標(biāo)捕獲(setCapture)作用是將鼠標(biāo)事件捕獲到當(dāng)前文檔的指定的對(duì)象。這個(gè)對(duì)象會(huì)為當(dāng)前應(yīng)用程序或整個(gè)系統(tǒng)接收所有鼠標(biāo)事件。2010-03-03
高性能web開(kāi)發(fā) 如何加載JS，JS應(yīng)該放在什么位置？
所有瀏覽器在下載JS的時(shí)候，會(huì)阻止一切其他活動(dòng)，比如其他資源的下載，內(nèi)容的呈現(xiàn)等等。至到JS下載、解析、執(zhí)行完畢后才開(kāi)始繼續(xù)并行下載其他資源并呈現(xiàn)內(nèi)容。2010-05-05
這篇文章主要匯總了javascript中數(shù)組常用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
select、radio表單回顯功能實(shí)現(xiàn)避免使用jquery載入賦值
select、radio表單回顯避免使用jquery載入賦值，最好的做法是：在jsp頁(yè)面進(jìn)行邏輯判斷，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
js 判斷js函數(shù)、變量是否存在的簡(jiǎn)單示例代碼
本篇文章主要是對(duì)判斷js函數(shù)、變量是否存在的簡(jiǎn)單示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
getAsDataURL在Firefox7.0下無(wú)法預(yù)覽本地圖片的解決方法
本文是對(duì)getAsDataURL在Firefox7.0下無(wú)法預(yù)覽本地圖片的解決方法。進(jìn)行了分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章主要為大家介紹了Electron 電源狀態(tài)管理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
JavaScript實(shí)現(xiàn)LRU緩存淘汰算法的詳細(xì)步驟
這篇文章主要介紹了JavaScript實(shí)現(xiàn)LRU緩存淘汰算法,下面是用 JavaScript 實(shí)現(xiàn) LRU（Least RecentlyUsed,最近最少使用）緩存淘汰算法的代碼,并附上詳細(xì)的步驟解釋,需要的朋友可以參考下2024-12-12
微信小程序?qū)崿F(xiàn)類(lèi)似微信點(diǎn)擊語(yǔ)音播放效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)類(lèi)似微信點(diǎn)擊語(yǔ)音播放效果，不會(huì)互相干擾播放狀態(tài)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07