JavaScriptCookiePHPCookie实现用户登录信息自动填入

本文主要是介绍JavaScriptCookiePHPCookie实现用户登录信息自动填入,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

步骤:

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

<!--引入自动添加用户信息的cookiejs-->
<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的链接地址等我发表通过后,展示出来。















这篇关于JavaScriptCookiePHPCookie实现用户登录信息自动填入的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1102153

相关文章

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

Java并发编程必备之Synchronized关键字深入解析

《Java并发编程必备之Synchronized关键字深入解析》本文我们深入探索了Java中的Synchronized关键字,包括其互斥性和可重入性的特性,文章详细介绍了Synchronized的三种... 目录一、前言二、Synchronized关键字2.1 Synchronized的特性1. 互斥2.

Spring Boot 配置文件之类型、加载顺序与最佳实践记录

《SpringBoot配置文件之类型、加载顺序与最佳实践记录》SpringBoot的配置文件是灵活且强大的工具,通过合理的配置管理,可以让应用开发和部署更加高效,无论是简单的属性配置,还是复杂... 目录Spring Boot 配置文件详解一、Spring Boot 配置文件类型1.1 applicatio

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

opencv图像处理之指纹验证的实现

《opencv图像处理之指纹验证的实现》本文主要介绍了opencv图像处理之指纹验证的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录一、简介二、具体案例实现1. 图像显示函数2. 指纹验证函数3. 主函数4、运行结果三、总结一、

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3