保存到Cookiejquery

将数据保存到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

结果:

原文地址:https://www.cnblogs.com/KimhillZhang/p/1736233.html