????：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ajax登錄驗(yàn)證</title>
</head>
<body>
<h2>登錄頁面</h2>
<div>用戶名：<input type="text" id="uid" /></div>
<div>密碼：<input type="text" id="pwd" /></div>
<div><input type="button" id="btn" value="登錄" /></div>
<script type="text/javascript">
$("#btn").click(function() {
//第一步：取數(shù)據(jù)
var uid = $("#uid").val();
var pwd = $("#pwd").val();
//第二步：驗(yàn)證數(shù)據(jù)，需要從數(shù)據(jù)庫調(diào)數(shù)據(jù)
$.ajax({
url: "login.php", //請(qǐng)求地址
data: {
uid: uid,
pwd: pwd
}, //提交的數(shù)據(jù)
type: "POST", //提交的方式
dataType: "TEXT", //返回類型
success: function(data) {
if (data.trim() == "OK") {
window.location.href = "main.html";
} else {
alert("用戶名或者密碼錯(cuò)誤");
}
}
})
})
</script>
</body>
</html>
?? ???：韋小寶?? ??：2019-03-06 09:06:23
???? ??：通過ajax來進(jìn)行無刷新登錄驗(yàn)證給用戶的體驗(yàn)也會(huì)比普通的登錄驗(yàn)證要好的多 現(xiàn)在的網(wǎng)站基本上都是ajax來進(jìn)行登錄驗(yàn)證 以及返回的信息也都是通過json的形式來進(jìn)行返回