首頁 web前端 js教程 js從Cookies裡面取值的簡單實作_javascript技巧

js從Cookies裡面取值的簡單實作_javascript技巧

May 16, 2016 pm 04:42 PM
cookies

工作過程中遇到一個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就是如第一個文字方塊中存放結構,依需要截取對應字串即可

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

什麼是MD5哈希值? 什麼是MD5哈希值? Feb 18, 2024 pm 08:50 PM

MD5值是什麼?在電腦科學中,MD5(MessageDigestAlgorithm5)是一種常用的雜湊函數,用於對訊息進行摘要或加密。它產生一個固定長度的128位二進位數字,通常以32位的十六進位表示。 MD5演算法由RonaldRivest於1991年設計。儘管在密碼學領域中,MD5演算法被認為不再安全,但它仍廣泛應用於資料完整性驗證和檔案校驗等方

PHP值解析:詳解PHP中位數的概念及應用 PHP值解析:詳解PHP中位數的概念及應用 Mar 21, 2024 pm 09:06 PM

PHP值解析:詳解PHP中值的概念及應用在PHP程式中,值是一個非常基礎且重要的概念。在本文中,我們將深入探討PHP中位數的概念及其在實際編程中的應用。我們將從基本值類型,變量,數組,物件和常數等方面進行詳細解析,並提供具體的程式碼範例,幫助讀者更好地理解和運用PHP中的值。基本值型別在PHP中,最常見的基本值型別包括整數型,浮點型,字串,布林型和空值。這些基本

Nginx轉送遺失Cookies如何解決 Nginx轉送遺失Cookies如何解決 May 15, 2023 pm 09:10 PM

一.遺失Cookies操作路徑一:http://localhost:8080/content/requestAction!showMainServiceReqDetail.action路徑二:http://localhost/content/requestAction!showMainServiceReqDetail.action路徑三:http://localhost/clp/ requestAction!showMainServiceReqDetail.action路徑一是直接訪問,路徑二與路

Scrapy如何使用代理IP、user agent、Cookies來避免反爬蟲策略 Scrapy如何使用代理IP、user agent、Cookies來避免反爬蟲策略 Jun 23, 2023 pm 01:22 PM

隨著網路爬蟲的發展,越來越多的網站和伺服器為了防止被惡意爬取數據,開始採用反爬蟲策略進行防護。這些策略包括IP封禁、useragent檢測、Cookies驗證等等。若沒有相應的應對策略,我們的爬蟲程式就很容易被標記為惡意爬蟲並被封鎖。因此,為了避免這種情況出現,我們需要在Scrapy框架的爬蟲程式中應用代理IP、useragent以及Cookies等策略

Cookies的詳細使用說明 Cookies的詳細使用說明 Feb 22, 2024 pm 12:21 PM

cookies是一種常見的網路技術,用於儲存使用者在網站上的個人偏好和行為資訊。在今天的數位時代,幾乎所有的網站都使用cookies來提供個人化和更​​好的使用者體驗。本文將詳細介紹cookies的使用說明,幫助使用者更理解並掌握這項技術。首先,我們來了解一下cookies的基本概念。 Cookies是網站在使用者瀏覽器上儲存的小型文字文件,包含使用者造訪網站的一

探討Go語言中不可尋址的值 探討Go語言中不可尋址的值 Mar 25, 2024 am 09:33 AM

在Go語言中,有一些值是不可尋址的,即無法取得它們的記憶體位址。這些值包括常數、字面量和不能被取位址的表達式。在本文中,我們將探討這些不可尋址的值,並透過具體的程式碼範例來理解它們的特性。首先,我們來看一些常數的例子。在Go語言中,常數是不可尋址的,因為常數是在編譯時就確定其值的,不存在運行時的記憶體位址可供存取。下面是一個範例程式碼:packagemaini

Java 8中的Optional類別:如何使用filter()方法過濾可能為空的值 Java 8中的Optional類別:如何使用filter()方法過濾可能為空的值 Aug 01, 2023 pm 05:27 PM

Java8中的Optional類別:如何使用filter()方法過濾可能為空的值在Java8中,Optional類別是一個非常有用的工具,它允許我們更好地處理可能為空的值,避免了NullPointerException的發生。 Optional類別提供了許多方法來操作潛在的空值,其中一個重要的方法是filter()。 filter()方法的作用是,如果Option

探索Java Map的魅力,破解資料處理的難題 探索Java Map的魅力,破解資料處理的難題 Feb 19, 2024 pm 07:03 PM

Map的講解Map是一種資料結構,允許你儲存鍵值對,鍵是唯一的,值可以是任何類型的物件。 Map介面提供了儲存和檢索鍵值對的方法,以及允許你遍歷Map中的鍵值對。 Map的類型Java中Map有幾種不同的實現,最常見的是HashMap、TreeMap和LinkedHashMap。 HashMap:一個基於散列表的Map實現,具有快速查找、插入和刪除的特點,但它不是有序的,這意味著鍵值對的順序在Map中是任意決定的。 TreeMap:一個基於紅黑樹的Map實現,具有快速查找、插入和刪除的特點,並且它是帶有

See all articles