您的位置： >> 首页 >> .Net博文 >> JQuery将数据保存到Cookie

JQuery将数据保存到Cookie

2010-06-04 来自：博客园字体大小：【大中小】

摘要：本文介绍JQuery如何将数据保存到Cookie

将数据保存到Cookie:

代码如下：

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script language="javascript" src="jquery-1.3.1.js"></script>

<script language="javascript">

         $(document).ready(function(){

   $("#btncookie").click(function(){

   //设置保存到cookie的值跟时间

        cookie.SET("Aien_currentID",$("#txtcookie").val(),30);

   

   });

   //从cookie中获得数据

    var currentID=cookie.GET("Aien_currentID");

    if(currentID!=null){

         $("#txtcookie").val(currentID); //为文本框赋值

    }

});

var cookie={

    SET : function(name, value, days) {

   var expires = "";

   if (days) {

     var d = new Date();

     d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);

     expires = "; expires=" + d.toGMTString();

   }

      document.cookie = name + "=" + value + expires + "; path=/";

    },

    GET: function (name) {

    var re = new RegExp("(\;|^)[^;]*(" + name + ")\=([^;]*)(;|$)");

    var res = re.exec(document.cookie);

    return res != null ? res[3] : null;

 }

};

</script>

</head>



<body>

<table>

  <tr>

    <td>

 UserName:

 </td>

 <td>

 <input type="text" id="txtcookie" />

 </td>

 <td>

   <input type="button" value="Save to Cookie" id = "btncookie" />

 </td>

  </tr>

</table>

</body>

</html>

参看：http://dev.mo.cn/article_216.html

结果：

作者：SetvenKu

[返回顶部]

上一篇：web.config 中的SessionState配置下一篇：ASP MD5加密算法

打印收藏文章关闭

该文章已有0条评论我要发表评论