Cookies_javascriptスキルから値を取得するjsの簡単な実装-jsチュートリアル-php.cn

Cookies_javascriptスキルから値を取得するjsの簡単な実装

WBOY

リリース： 2016-05-16 16:42:41

オリジナル

1333 人が閲覧しました

作業の過程で、JSがCookieから値を取得する必要に遭遇しました。JSにはCookieの対応する値を取得するためのKey値を指定する既成のメソッドがないようです。を参照してください。インターネット上のコード。簡単な実装は次のとおりです。

1. サーバー側コード、Page_Load の Cookie にいくつかの値を書き込みます

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. 実行結果から、Cookie が最初のテキストボックスに格納されている構造であることがわかります。必要に応じて、対応する文字列をインターセプトできます。