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

相关文章

SpringBoot内嵌Tomcat临时目录问题及解决

《SpringBoot内嵌Tomcat临时目录问题及解决》:本文主要介绍SpringBoot内嵌Tomcat临时目录问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录SprinjavascriptgBoot内嵌Tomcat临时目录问题1.背景2.方案3.代码中配置t

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》:本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么,可以干什么?3、Spr

MySQL索引的优化之LIKE模糊查询功能实现

《MySQL索引的优化之LIKE模糊查询功能实现》:本文主要介绍MySQL索引的优化之LIKE模糊查询功能实现,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一、前缀匹配优化二、后缀匹配优化三、中间匹配优化四、覆盖索引优化五、减少查询范围六、避免通配符开头七、使用外部搜索引擎八、分

Python实现特殊字符判断并去掉非字母和数字的特殊字符

《Python实现特殊字符判断并去掉非字母和数字的特殊字符》在Python中,可以通过多种方法来判断字符串中是否包含非字母、数字的特殊字符,并将这些特殊字符去掉,本文为大家整理了一些常用的,希望对大家... 目录1. 使用正则表达式判断字符串中是否包含特殊字符去掉字符串中的特殊字符2. 使用 str.isa

Java程序进程起来了但是不打印日志的原因分析

《Java程序进程起来了但是不打印日志的原因分析》:本文主要介绍Java程序进程起来了但是不打印日志的原因分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java程序进程起来了但是不打印日志的原因1、日志配置问题2、日志文件权限问题3、日志文件路径问题4、程序

Spring 基于XML配置 bean管理 Bean-IOC的方法

《Spring基于XML配置bean管理Bean-IOC的方法》:本文主要介绍Spring基于XML配置bean管理Bean-IOC的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一... 目录一. spring学习的核心内容二. 基于 XML 配置 bean1. 通过类型来获取 bean2. 通过

Spring Boot 集成 Quartz并使用Cron 表达式实现定时任务

《SpringBoot集成Quartz并使用Cron表达式实现定时任务》本篇文章介绍了如何在SpringBoot中集成Quartz进行定时任务调度,并通过Cron表达式控制任务... 目录前言1. 添加 Quartz 依赖2. 创建 Quartz 任务3. 配置 Quartz 任务调度4. 启动 Sprin

springboot上传zip包并解压至服务器nginx目录方式

《springboot上传zip包并解压至服务器nginx目录方式》:本文主要介绍springboot上传zip包并解压至服务器nginx目录方式,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录springboot上传zip包并解压至服务器nginx目录1.首先需要引入zip相关jar包2.然

Android实现悬浮按钮功能

《Android实现悬浮按钮功能》在很多场景中,我们希望在应用或系统任意界面上都能看到一个小的“悬浮按钮”(FloatingButton),用来快速启动工具、展示未读信息或快捷操作,所以本文给大家介绍... 目录一、项目概述二、相关技术知识三、实现思路四、整合代码4.1 Java 代码(MainActivi

Linux下如何使用C++获取硬件信息

《Linux下如何使用C++获取硬件信息》这篇文章主要为大家详细介绍了如何使用C++实现获取CPU,主板,磁盘,BIOS信息等硬件信息,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录方法获取CPU信息:读取"/proc/cpuinfo"文件获取磁盘信息:读取"/proc/diskstats"文