我们在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>
增加前
增加后
本文转自陈哈哈博客园博客,原文链接http://www.cnblogs.com/kissazi2/archive/2013/04/04/2999376.html如需转载请自行联系原作者
kissazi2