abstrak：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原生Ajax: 表單驗證
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>原生Ajax: 表單驗證</title>
</head>
<body>
<form>
<p>郵箱:<input type="email" name="email" value="admin@155.com"></p>
<p>密碼:<input type="password" name="password"></p>
</form>
<p><button onclick="check()" type="button">登錄</button></p>
<P id="tips"></P>
</body>
</html>
<script>
function check(){
var forms = document.forms[0];
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
var obj = JSON.parse(xhr.responseText);
if(obj.code == 0){
document.getElementById('tips').style.color = 'blue';
document.getElementById('tips').innerHTML = obj.msg;
}
if(obj.code == 1){
document.getElementById('tips').style.color = 'red';
document.getElementById('tips').innerHTML = obj.msg;
}
}
}
xhr.open('post','check.php',true);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
var data = 'email='+forms.email.value+'&password='+forms.password.value;
xhr.send(data);
}
</script>
Guru membetulkan：天蓬老師Masa pembetulan：2019-03-28 17:07:11
Rumusan guru：寫得不錯嘛, 現(xiàn)在還能寫好這些原生代碼的人不多了,辛苦了