摘要:function verfiy(user, result) { //1.創(chuàng)建request對象 var request = new XML
function verfiy(user, result) { //1.創(chuàng)建request對象 var request = new XMLHttpRequest(); //2.監(jiān)聽響應(yīng)狀態(tài) request.onreadystatechange = function(){ if (request.readyState === 4) { // 準(zhǔn)備就緒 console.log(request.responseText); result.innerHTML = request.responseText; } return false; }; //3.設(shè)置請求參數(shù) request.open('post','check.php',true); //4. 設(shè)置頭信息,將內(nèi)容類型設(shè)置為表單提交方式(固定模板語法結(jié)構(gòu)) request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); //4.發(fā)送請求 // 準(zhǔn)備要提交的數(shù)據(jù) var data = 'email=' + user.email + '&password=' + user.password; request.send(data); }
check.php
<?php $email = $_POST['email']; $password = $_POST['password']; $emailList = ['123@qq.com']; $pwd = md5('123456'); if (!in_array($email, $emailList)) { echo '<span style="color: red">郵箱不正確</span>'; } else if (md5($password) !== $pwd) { echo '<span style="color: red">密碼不正確</span>'; } else { echo '<span style="color: blue">驗證通過,正在跳轉(zhuǎn)...</span>'; }
批改老師:查無此人批改時間:2019-05-17 09:24:05
老師總結(jié):完成的不錯,ajax的交互非常不錯,可以讓頁面不刷新也能改變。繼續(xù)加油。