Implémentation simple de js tirant parti des compétences Cookies

Implémentation simple de js tirant parti des compétences Cookies_javascript

WBOY

Libérer： 2016-05-16 16:42:41

original

1287 Les gens l'ont consulté

Au cours du processus de travail, j'ai rencontré le besoin pour JS d'obtenir les valeurs des cookies. Il semble qu'il n'y ait pas de méthode prête à l'emploi pour que JS spécifie la valeur de la clé afin d'obtenir la valeur correspondante dans le cookie. le code sur Internet. La mise en œuvre simple est la suivante :

1. Code côté serveur, écrivez plusieurs valeursdans Cookies dans Page_Load

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"; 
} 
} 
}

Copier après la connexion

2. Code client, ajoutez des boutons et des zones de texte à la page, utilisés pour déclencher et afficher la valeur obtenue

<%@ 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>

Copier après la connexion

3. À partir du résultat de l'exécution, vous pouvez voir que Cookies est la structure stockée dans la première zone de texte. Vous pouvez intercepter la chaîne correspondante si nécessaire
.