1.在login.html中搭建框架? 有用戶名 密碼? 按鈕
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<body>
??? 用戶名: <input type="text" name="user" id="user"><br/>
??? 密碼:???? <input type="password" name="pass" id="pass"><br/>
??? <button id="getText">獲取數(shù)據(jù)</button>
???? <div id="div"></div>
</body>
<script src="ajax.js" type="text/javaScript" charset="utf-8"></script>
<script>
????? var getText=document.getElementById("getText");
????? var user = document.getElementById("user");
????? var pass = document.getElementById("pass");
????? var div1 = document.getElementById("div");
????? getText.onclick=function(){
?????????? var url="ajax-login.php?user="+user.value+"&pass"+pass.value+"";
?????????? ajaxFn(url,succFn(data){
?????????????????? div1.innerHTML=data;
});
}
</script>
</html>
2.在ajax-login中通過(guò)用戶傳入的用戶名和密碼進(jìn)行匹配
<?php
$user = $_GET["user"];
$pass = $_GET["pass"];
if($user == "karry" && $pass=="hello"){
????????? echo "登錄成功";
}else{
?????????? echo "登錄失敗";
}
?>
3.實(shí)現(xiàn)效果
隨便輸入一個(gè)用戶名和密碼
輸入正確的
4.這種方法就是寫(xiě)死的???? 可以和數(shù)據(jù)庫(kù)連接?? 對(duì)比數(shù)據(jù)庫(kù)里的用戶名和密碼(下節(jié)講解)
