开发者社区> 最美的回忆> 正文

使用jquery.cookie操作Cookie实例

简介:
+关注继续查看

我们在WebForm上增加 “增加,删除,修改”三个按钮,并使用一个文本框来显示当前写入的Cookie的内容,我们将为每个按钮写一个处理函数。

对Cookie操作实例

复制代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testCookie.aspx.cs" Inherits="testCookie" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //绑定addCookie的时间
            $("#addCookie").bind("click", function () {
                addCookie();
            })
            //查看cookie的值
            $("#ReadCookie").bind("click", function () {
                ReadCookie();
            })
            //删除cookie的值
            $("#delCookie").bind("click", function () {
                delCookie();
            })
        })
        function addCookie() {//增加Cookie
            $.cookie('firstCookie', $("#inputValue").val());
        }
        function delCookie() {//删除Cookie
            alert($.removeCookie('firstCookie'));
        }

        function ReadCookie() {//查看Cookie
            $("#inputValue").val($.cookie('firstCookie')); //将cookie值附加到文本框
            alert('cookie的值:' + $.cookie('firstCookie'));
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div>
            <input type="button" id="addCookie" name="name" value="增加/修改" />
            <input type="text" id="inputValue" name="name" value=" " /></div>
        <div>
            <input type="button" id="delCookie" name="name" value="删除" />
            <input type="button" id="ReadCookie" name="name" value="读取" />
        </div>
    </div>
    </form>
</body>
</html>
复制代码
 

增加前

image

增加后

image

本文转自陈哈哈博客园博客,原文链接http://www.cnblogs.com/kissazi2/archive/2013/04/04/2999376.html如需转载请自行联系原作者

kissazi2

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js同域名下不同文件下使用coookie
//写cookies function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.
612 0
下拉菜单;手风琴;九宫格的Jquery的使用实例
下拉菜单;手风琴;九宫格的Jquery的使用实例 1.下拉菜单 效果如图: 下拉.gif 代码如下: 下拉菜单 li{ width: 80px; ...
999 0
使用ApiPost测试接口时需要先登录怎么办?利用Cookie模拟登陆!
在后台在开发、调试接口时,常常会遇到需要登陆才能请求的接口。本文主要介绍利用ApiPost发送Cookie,使服务器识别已登录用户的Cookie。
2712 0
2286
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载