login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>
<body>
<form action="login.php" method="post">
<input type="text" name="username" id="username"/>
<input type="text" name="password" id="password"/>
<input type="checkbox" id="rem" name="rem" value="1"/>记住密码
<input type="hidden" value="提交" name="sub"/>
<input type="submit" value="提交" name="sub"/>
</form>
</body>
<script type="text/javascript">
// var username = document.getElementById("username");
// var password = document.getElementById("password");
// if(localStorage.getItem("username") && localStorage.getItem("password")){
// username.value = localStorage.getItem("username");
// password.value = localStorage.getItem("password");
// document.forms[0].submit();
// }
if(localStorage.getItem("username") && localStorage.getItem("password")){
// $.ajax({
// type:"post",
// url:"login5.php",
// data:{"usernamr":localStorage.getItem("username")},
// success:function(){
// location.href = "suc.php";
// }
// });
$.post("login5.php",{"usernamr":localStorage.getItem("username")},function(){
location.href = "suc.php";
})
}
</script>
</html>
login.php
<?php
header("Content-Type: text/html; charset=utf-8"); // 防止乱码
error_reporting(0); // 防止错误
session_start(); // 提取数据
?>
<script type="text/javascript">
function rember(rem,username,password){
if(rem==1){
localStorage.setItem("username",username);
localStorage.setItem("password",password);
}
}
</script>
<?php
if($_POST["sub"]){
$username = $_POST["username"];
$password = $_POST["password"];
$rem = $_POST["rem"];
if($username == "admin" && $password == "123456"){
$_SESSION["user"] = $username;
// echo "<h2>你好{$username},欢迎使用</h2>";
if($rem == 1){
echo "<script>rember($rem,'$username','$password')</script>";
}
echo "<script>location.href='suc.php'</script>";
}else{
echo "<p>密码或者用户名错误<a href='login.html'>返回</a></p>";
}
}
?>
suc.php
<?php
error_reporting(0);
session_start();
?>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>
<body>
<?php
if(!$_SESSION["user"]){
echo "您还没有登录，请<a href='login.html'>登录</a>";
exit;
}
echo "你好".$_SESSION["user"].",欢迎使用";
?>
<a href="#" id="quit">退出</a>
<script type="text/javascript">
$("#quit").click(function(){
// $.ajax({
// type:"post",
// url:"quit.php",
// success:function(){
// localStorage.clear();
// alert("谢谢使用");
// location.href = "login.html";
// }
// });
$.post("quit.php",function(){
localStorage.clear();
alert("谢谢使用");
location.href = "login.html";
})
})
</script>
</body>
</html>
quit.php
<?php
header("Content-Type: text/html; charset=utf-8");
error_reporting(0);
session_start();
?>
<!--<script>
function clear(){
localStorage.clear();
alert("谢谢使用");
location.href = "login.html";
}
</script>-->
<?php
if($_SESSION["user"]){
unset($_SESSION["user"]);
}
// echo "<script>clear();</script>";
?>
login5.php
<?php
error_reporting(0);
session_start();
if($_SESSION["user"]){
$_SESSION["user"]=$_POST["username"];
}
?>
