80后语录：生活的源动力来源于物质的保证。

2011-11-20 13:22:33

AJAX简单实现cookie操作

GG

 为了完善AJAX评论系统找了好久才找到的记住输入的cookie操作

xhtml 代码复制内容到剪贴板
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2.  <HTML>   
  3.  <HEAD>   
  4.     <TITLE> New Document </TITLE>   
  5.     <META NAME="Generator" CONTENT="EditPlus">   
  6.     <META NAME="Author" CONTENT="">   
  7.     <META NAME="Keywords" CONTENT="">   
  8.     <META NAME="Description" CONTENT="">   
  9.     <script>   
  10.  window.onload = function() {      
  11.  if (document.cookie != "") {   
  12.           getCookies();   
  13.  }}   
  14.     function login()   
  15.     {   
  16.     var username=document.getElementById('username').value;   
  17.     var password=document.getElementById('password').value;   
  18.       if (document.getElementById('cookiesbox').checked) {   
  19.           setCookies(username, password);   
  20.     window.open("http://hi.baidu.com/mahaibao");   
  21.       }   
  22.     }   
  23.     function setCookies(username, password) {   
  24.       var Then = new Date();   
  25.       Then.setTime(Then.getTime() + 365 * 24 * 60 * 60 * 1000);   
  26.       document.cookie = "username=" + username + "&password=" + password + "&;expires=" + Then.toGMTString();   
  27.  alert(document.cookie);   
  28.  }   
  29.  function getCookies() {   
  30.       var cookieString = new   String(document.cookie);   
  31.       if (cookieString.indexOf("&") > 0) {   
  32.           var cooke = cookieString.split("&");   
  33.           document.getElementById("username").value = cooke[0].substring(cooke[0].indexOf("=") + 1, cooke[0].length);   
  34.           document.getElementById("password").value = cooke[1].substring(cooke[1].indexOf("=") + 1, cooke[1].length);   
  35.       }   
  36.  }   
  37.     </script>   
  38.  </HEAD>   
  39.   
  40.  <BODY>   
  41.  用户名： <input type="text" name="username" id="username" ><br>   
  42.  密码 ： <input type="text" name="password" id="password" ><br>   
  43.     <INPUT TYPE="checkbox" NAME="cookiesbox" id="cookiesbox">记住密码   
  44.     <input name="button" id="button" type="button" value="提交" onClick="login();">   
  45.  </BODY>   
  46.  </HTML>  

选中记住密码 状态 ；如下图

没有    选中记住密码 状态 ；如下图

刷新之后的状态 ！如下图

 



GG
Submitted by 80log On 2011-11-20 13:22:33 | Tags: Js | 浏览