当前位置：首页 > 行业动态 > 正文

ASP.NET如何使用JavaScript创建Cookie并清除Cookie数组？

admin
行业动态
2025-03-04
3

“

javascript，// 创建Cookie，document.cookie = "username=JohnDoe; path=/";// 清除Cookie数组，var cookies = document.cookie.split(";");，for (var i = 0; i -1 ? cookie.substr(0, eqPos) : cookie;， document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";，}，

“

在ASP.NET中，通过JavaScript创建和清除Cookie数组是一个常见的需求，以下将详细解释如何实现这一功能，并提供相应的代码示例。

一、创建Cookie

1. 使用JavaScript创建单个Cookie

在JavaScript中，可以使用document.cookie来创建Cookie，以下是一个简单的示例：

// 创建一个名为"username"的Cookie，值为"JohnDoe"，有效期为7天
document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

在上面的代码中：

username=JohnDoe：设置Cookie的名称和值。

expires=Fri, 31 Dec 9999 23:59:59 GMT：设置Cookie的过期时间，如果不设置过期时间，Cookie会在浏览器关闭时自动删除。

path=/：指定Cookie的有效路径，如果设置为根路径（/），则在整个网站上都可以访问该Cookie。

创建多个Cookie

如果要创建多个Cookie，可以多次调用document.cookie：

// 创建多个Cookie
document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
document.cookie = "sessionToken=abc123; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

二、读取Cookie

要读取Cookie，可以使用以下方法：

function getCookie(name) {
    let cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
        let cookie = cookies[i].trim();
        if (cookie.startsWith(name + '=')) {
            return cookie.substring(name.length + 1);
        }
    }
    return null;
}
// 读取名为"username"的Cookie
let username = getCookie("username");
console.log(username); // 输出: JohnDoe

三、清除Cookie

清除单个Cookie

要清除一个Cookie，可以将其过期时间设置为过去的某个时间点：

// 清除名为"username"的Cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";

在上面的代码中，将expires设置为一个过去的时间点（如1970年1月1日），浏览器会自动删除该Cookie。

清除所有Cookie

要清除所有Cookie，可以遍历所有的Cookie并分别将其过期时间设置为过去：

function clearAllCookies() {
    let cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
        let cookie = cookies[i].trim();
        let cookieName = cookie.split('=')[0];
        document.cookie = cookieName + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
    }
}
// 清除所有Cookie
clearAllCookies();

四、完整示例

以下是一个包含创建、读取和清除Cookie的完整示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cookie Example</title>
</head>
<body>
    <h1>Cookie Example</h1>
    <button onclick="createCookies()">Create Cookies</button>
    <button onclick="readCookies()">Read Cookies</button>
    <button onclick="clearCookies()">Clear Cookies</button>
    <script>
        function createCookies() {
            document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
            document.cookie = "sessionToken=abc123; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
            alert("Cookies created");
        }
        function readCookies() {
            let username = getCookie("username");
            let sessionToken = getCookie("sessionToken");
            alert(Username: ${username}, Session Token: ${sessionToken});
        }
        function clearCookies() {
            document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
            document.cookie = "sessionToken=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
            alert("Cookies cleared");
        }
        function getCookie(name) {
            let cookies = document.cookie.split(';');
            for (let i = 0; i < cookies.length; i++) {
                let cookie = cookies[i].trim();
                if (cookie.startsWith(name + '=')) {
                    return cookie.substring(name.length + 1);
                }
            }
            return null;
        }
    </script>
</body>
</html>