前端登陆案例php
2023-09-11 14:16:16 时间
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>login</h1>
<button><a href="./login.html">go to login</a></button>
</body>
</html>
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="">
<h3 style="display:none;">login failed</h3>
username: <input type="text" name="username" autocomplete="off"><br>
password: <input type="text" name="password" autocomplete="off"><br>
<button>submitf</button>
</form>
<script>
const username=document.querySelector('input[name=username]')
const password=document.querySelector('input[name=password]')
const form=document.querySelector('form')
const h3=document.querySelector('h3')
form.addEventListener('submit',e=>{
e.preventDefault()
if(!username.value || !password.value) return alert('form incomplete')
const xhr=new XMLHttpRequest()
xhr.open('POST','./login.php')
xhr.onload=function(){
const {message,code}=JSON.parse(xhr.responseText)
console.log(message,code)
if(code===0){
window.location.href='./index.html'
}else if(code!==0){
h3.style.display='block'
}
}
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
xhr.send(`username=${username.value}&password=${password.value}`)
})
</script>
</body>
</html>
login.php
<?php
$username=$_POST['username'];
$password=$_POST['password'];
$link=mysqli_connect('localhost','root','cruces','abate');
$sql="select * from users where username='$username' and password='$password'";
$result=mysqli_query($link,$sql);
$data=mysqli_fetch_all($result);
if(count($data)){
session_start();
// $_SESSION['login']=1;
// $_SESSION['username']=$data[0]['username'];
$arr=array(
"message"=>"success",
"code"=>0
);
}else{
$arr=array(
"message"=>"failed",
"code"=>1
);
}
echo json_encode($arr);
?>
相关文章
- 使用PHP + Apache访问有错误的php脚本时不报错
- 禁用PHP函数,可以对php.ini进行配置
- Windows下图文详解PHP三种运行方式(php_mod、cgi、fastcgi)
- javaSE基础代码案例
- ssm使用全注解实现增删改查案例——updateDept.jsp
- PHP采集库-Snoopy.class.php
- [Android 泥水匠] Android基础 之一:浅谈Android架构到HelloWorld案例的剖析
- ASP.NET MVC案例——————拦截器
- php类库PHP QR Code 二维码
- Relearning PHP (2) – php 的浮点数float
- PHP-5.4.4 安装 APC 启东php-fpm 提示
- MVP模式 详解 案例
- php类库PHP QR Code 二维码
- Relearning PHP (2) – php 的浮点数float
- 案例实操:Azkaban调度spark作业
- [PHP] 如何让 php-fpm 的循环 echo 实时输出到浏览器
- [php-src] Php扩展开发的琐碎注意点、细节
- [php-src] Php扩展的多文件编译
- [php-src]一个Php扩展的结构
- NLP:利用count函数或正则表达式compile、findall、finditer实现匹配统计(包括模糊匹配的贪婪匹配、懒惰匹配)、对多个字符串组成的列表进行多个模糊关键词进行模糊匹配案例
- NLP:自然语言处理技术近十年发展技术更迭的简介、案例之详细攻略(持续更新)daiding待更新
- DL之SSD:SSD算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
- PHP面试题:你所知道的php数组相关的函数?
- 〖Python 数据库开发实战 - MySQL篇㉞〗- 综合案例 - 新闻管理系统数据库设计的基本属性
- 【数字信号处理】线性常系数差分方程 ( 根据 “ 线性常系数差分方程 “ 与 “ 边界条件 “ 确定系统是否是 “ 线性时不变系统 “ 案例 | 根据 “ 线性时不变系统 “ 定义证明 )
- 【整理】Linux下中文检索引擎coreseek4安装,以及PHP使用sphinx的三种方式(sphinxapi,sphinx的php扩展,SphinxSe作为mysql存储引擎)