使用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>

 

增加前

增加后

作者:kissazi2 
出处:http://www.cnblogs.com/kissazi2/ 
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载:http://www.cnblogs.com/kissazi2/archive/2013/04/04/2999376.html

时间: 2025-01-21 01:17:59

使用jquery.cookie操作Cookie实例的相关文章

jQuery简单操作cookie的插件实例_jquery

本文实例讲述了jQuery操作cookie的插件.分享给大家供大家参考,具体如下: jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options.expires = -1; } var e

JS封装cookie操作函数实例(设置、读取、删除)_javascript技巧

本文实例讲述了JS封装cookie操作函数.分享给大家供大家参考,具体如下: /*设置cookie*/ function setCookie(name, value, iDay) { var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate; }; /*使用方法:setCookie('user', 'simon', 11);*/ /*获取c

[译]使用jquery.cookie操作Cookie说明

jquery.cookie是一个轻量级JQuery插件,用来读.写.删除Cookie 安装 将jquery.cookie脚本的引用放在jQuery库引用之后 使用方法 创建session cookie: $.cookie('the_cookie', 'the_value'); 创建一个带有7 天生存周期的Cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); 创建一个带有生存周期的Cookie, 整个站点有效: $.cookie('

JQuery radio 操作应用实例

<div> <input id="radio1" type="radio" name="rad" value="1" checked />1 <input id="radio2" type="radio" name="rad" value="2" />2 <input id="radio3&quo

jquery读写cookie操作实例分析_jquery

本文实例分析了jquery读写cookie操作.分享给大家供大家参考,具体如下: jquery cookie需要脚本文件如下: jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.ex

php中cookie操作实例

  做了一个cookie操作的实例,第一个文件login_frm.PHP这个是登录窗口. 代码 1 2 3 4 5 6   7 用户: 8 9   10 11 第二个文件login.php这个是处理登录 1 2 if($_POST['username'] = 'admin') 3 { 4 setcookie('haha','gogo'); 5 header("location:index.php"); 6 } 7 ?> 第三个文件index.php再看下效果 1 2 if($_C

jquery操作cookie插件分享

 在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件 插件的源代码如下:   代码如下: jQuery.cookie = function(name, value, options) {     if (typeof value != 'undefined') {         options = options || {};         if (value === n

基于 Jquery操作Cookie记录用户查询过信息

这是一个Cookie数据生成的列表, 每次单击查询会存储一个域名,并把最后一次查询的域名放在最上方.本例子最多存储10个,大家可以根据自己情况进行设置 下在咱们一起来看看是怎么实现的吧. 先写一个操作Cookie的JS文件如下 Code  代码如下 复制代码 function getid(id) {return (typeof id == 'string') ? document.getElementById(id) : id};function getOffsetTop(el, p) {var

jquery操作cookie插件分享_jquery

插件的源代码如下: 复制代码 代码如下: jQuery.cookie = function(name, value, options) {    if (typeof value != 'undefined') {        options = options || {};        if (value === null) {            value = '';            options = $.extend({}, options);            opt