摘要：<!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登錄驗證</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();
//第二步：驗證數(shù)據(jù)，需要從數(shù)據(jù)庫調(diào)數(shù)據(jù)
$.ajax({
url: "login.php", //請求地址
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("用戶名或者密碼錯誤");
}
}
})
})
</script>
</body>
</html>
批改老師：韋小寶批改時間：2019-03-06 09:06:23
老師總結(jié)：通過ajax來進行無刷新登錄驗證給用戶的體驗也會比普通的登錄驗證要好的多 現(xiàn)在的網(wǎng)站基本上都是ajax來進行登錄驗證 以及返回的信息也都是通過json的形式來進行返回