html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录验证</title>
</head>
<body>
<div id="show"></div>
<form id="form01" action="#" method="post">
<label>username</label>
<input type="text" name="username" id="username">
<label>userpwd</label>
<input type="text" name="userpwd" id="userpwd">
<input type="submit" name="" value="登录">
</form>
<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
<script>
$(":submit").click(function(){
//登录
$.get("login01.php",
{
"username":$("#username").val(),
"userpwd":$("#userpwd").val()
},
function(data){
if(data.code==200){
//成功
$("#show").html("欢迎"+$("#username").val()+"登陆");
//隐藏
$("#form01").hide("slow");
}else {
$("#show").html("用户名或密码错误");
}
},
"json"
);
return false;
});
</script>
</body>
</html>
PHP代码
<?php
// 获取参数username userpwd
$username = $_GET['username'];
$userpwd = $_GET['userpwd'];
// // 效验
if($username==zs&&$userpwd==1234){
echo '{"code":200}';
}else {
echo '{"code":404}';
}
?>
