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

工作過程中遇到一個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
什么是MD5哈希值?什么是MD5哈希值?Feb 18, 2024 pm 08:50 PM

MD5值是什么?在计算机科学中,MD5(MessageDigestAlgorithm5)是一种常用的散列函数,用于对消息进行摘要或加密。它产生一个固定长度的128位二进制数字,通常以32位的十六进制表示。MD5算法由RonaldRivest于1991年设计。尽管在密码学领域中,MD5算法被认为已经不再安全,但它仍广泛应用于数据完整性验证和文件校验等方

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路径一是直接访问,路径二与路

PHP值解析:详解PHP中值的概念及应用PHP值解析:详解PHP中值的概念及应用Mar 21, 2024 pm 09:06 PM

PHP值解析:详解PHP中值的概念及应用在PHP编程中,值是一个非常基础且重要的概念。在本文中,我们将深入探讨PHP中值的概念及其在实际编程中的应用。我们将从基本值类型,变量,数组,对象和常量等方面进行详细解析,并提供具体的代码示例,帮助读者更好地理解和运用PHP中的值。基本值类型在PHP中,最常见的基本值类型包括整型,浮点型,字符串,布尔型和空值。这些基本

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是网站在用户浏览器上存储的小型文本文件,包含有关用户访问网站的一

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

探讨Go语言中不可寻址的值探讨Go语言中不可寻址的值Mar 25, 2024 am 09:33 AM

在Go语言中,有一些值是不可寻址的,即无法取得它们的内存地址。这些值包括常量、字面量和不能被取地址的表达式。在本文中,我们将探讨这些不可寻址的值,并通过具体的代码示例来理解它们的特性。首先,我们来看一些常量的例子。在Go语言中,常量是不可寻址的,因为常量是在编译时就确定其值的,不存在运行时的内存地址可供访问。下面是一个示例代码:packagemaini

用什么方法可以替代sessionStorage来存储临时数据?用什么方法可以替代sessionStorage来存储临时数据?Jan 13, 2024 am 10:41 AM

如何替代sessionStorage来存储临时数据?sessionStorage是HTML5提供的一种用于在浏览器中存储临时数据的机制。但是,如果我们想要在浏览器之间共享临时数据,或者想要更灵活地管理数据,我们可能需要考虑替代sessionStorage的方法。下面将介绍几种替代sessionStorage的方式,并提供相应的代码示例。使用localStor

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
1 個月前By尊渡假赌尊渡假赌尊渡假赌

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具