html代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登錄驗(yàn)證</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("用戶名或密碼錯(cuò)誤");
}
},
"json"
);
return false;
});
</script>
</body>
</html>
PHP代碼
<?php
// 獲取參數(shù)username userpwd
$username = $_GET['username'];
$userpwd = $_GET['userpwd'];
// // 效驗(yàn)
if($username==zs&&$userpwd==1234){
echo '{"code":200}';
}else {
echo '{"code":404}';
}
?>
