JavaScriptCookie&PHPCookie实现用户登录信息自动填入
2016-07-22 20:40
609 查看
步骤:
1.登录表单的加载;
2.在加载登录表单后,引入的js会执行,给表单中加载值;
3.在没有cookie的情况下,登录跳转到主页过的服务器会存储cookie;
4.跳转到主页,主页在这里就不再展示啦!
一、登录页面login.html表单
二、登录页引入js
javaScript Cookies的设置获取详解在我的下边博文:http://blog.csdn.net/u013005050/article/details/51966626
四、服务器文件设置PHPcookie,ServerCookie.php
PHP Cookie的详细讲解在我的博文当中,PHP Cookie的链接地址等我发表通过后,展示出来。
1.登录表单的加载;
2.在加载登录表单后,引入的js会执行,给表单中加载值;
3.在没有cookie的情况下,登录跳转到主页过的服务器会存储cookie;
4.跳转到主页,主页在这里就不再展示啦!
一、登录页面login.html表单
<form action="ServerLogin.php" method="post" enctype="application/x-www-form-urlencoded"> <input id="us" type="text" name="username" class="username" placeholder="Username"> <input id="pw" type="password" name="password" class="password" placeholder="Password"> <button type="submit">Sign me in</button> <div class="error"><span>+</span></div> </form>
二、登录页引入js
<!--引入自动添加用户信息的cookie的js--> <script src="autoAddCookie.js"></script>
三、 文件autoAddCookie.js的cookie获取如下:
$(function () { initialValue(); function initialValue() { //jQuery方式 $("#us").val(getCookieByKey("username")); $("#pw").val(getCookieByKey("password")); //javaScript方式 // document.getElementById("us").value = getCookieByKey("username"); // document.getElementById("pw").value = getCookieByKey("password"); } //javaScript Cookie获取 function getCookieByKey(key) { var cookie = document.cookie.split(";"); for (i = 0; i < cookie.length; i++) { var value = cookie[i].trim(); if (value.indexOf(key) == 0) { v = value.split("="); return v[1]; } } } }); /** * Created by 洋 汪 on 2016/7/19. */
javaScript Cookies的设置获取详解在我的下边博文:http://blog.csdn.net/u013005050/article/details/51966626
四、服务器文件设置PHPcookie,ServerCookie.php
<?php /** * Created by PhpStorm. * User: 洋 汪 * Date: 2016/7/19 * Time: 11:53 */ header("Content-type:text/html;charset=utf-8"); include "data.php"; if ($_SERVER["REQUEST_METHOD"] == "POST") { if ($_POST["username"] == $info["username"] && $_POST["password"] == $info["password"]) { //设置cookie setCookieByKey($_POST["username"], $_POST["password"]); //设置session $mySession = $_POST; $mySession = array_merge($mySession, array("loginIp" => $_SERVER["REMOTE_ADDR"], "loginTime" => time())); setSession($mySession); echo "<script>window.location.href ='index.php';</script>"; } else { echo "<script>alert('用户名或密码错误!!!');</script>"; } } else { echo "<script> alert('请登录!!!'); window.location.href = 'login.html'; </script>"; } //设置session function setSession(array $mySession) { session_start(); // $_SESSION = $mySession; //Array ( [username] => wangyang [password] => 123456 [loginIp] => 127.0.0.1 [login_time] => 1468915628 ) // print_r($_SESSION); $_SESSION["username"] = $mySession["username"]; $_SESSION["password"] = $mySession["password"]; $_SESSION["loginIp"] = $mySession["loginIp"]; $_SESSION["loginTime"] = $mySession["loginTime"]; } //设置Cookie function setCookieByKey($username, $password) { setcookie("username", $username, time() + 120); setcookie("password", $password, time() + 120); } ?>
PHP Cookie的详细讲解在我的博文当中,PHP Cookie的链接地址等我发表通过后,展示出来。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- Tomcat端口被占用解决方法(不用重启)
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子