1、HTML就是一個簡單表單驗證，有登錄按鈕，點擊登錄會發送Ajax，

這里就是簡單如果用戶名為：zhouzhiruo，密碼為：123456,就是登錄成功，否則登錄失敗

應該在發送請求之前對input的value做驗證是否符合標準

<form id="myform" name="myform" action="03.php" method="post"><table><tr><td>用戶名：</td><td><input type="text" id="user" name="user"></td></tr><tr><td>密碼：</td><td><input type="password" id="pwd" name="pwd"></td></tr><tr><td></td><td><input type="button" id="btn" value="登錄"></td></tr></table></form>

2、JS

//使用Ajax時候不要用subbmitvar btn=document.getElementById("btn");btn.onclick=function(){var xhr=getXhr();xhr.open('post','03.php');xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");var user=document.getElementById("user").value;var pwd=document.getElementById("pwd").value;xhr.send("user="+user+"&pwd="+pwd);xhr.onreadystatechange=function(){//獲得服務器端當前狀態//alert(xhr.readyState);//保證響應完成if(xhr.readyState==4){//保證這次請求必須成功//alert(xhr.status);if(xhr.status==200){//接收服務器端的數據var data=xhr.responseText;//測試 console.log(data);}}}};function getXhr(){var xhr=null;if(window.XMLHttpRequest){xhr=new XMLHttpRequest();}else{xhr=new ActiveXObject("Microsoft.XMLHttp");}return xhr;}

3、PHP，鏈接數據庫的語言之一

<?php$user=$_POST['user'];$pwd=$_POST['pwd'];if($user=="zhouzhiruo"&$pwd=="123456"){echo "login successful";}else{echo "login error";} ?>

?

總結

以上是生活随笔為你收集整理的如何在表单中使用Ajax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。