要求在用戶名和密碼中錄入信息，當用戶名輸入框錄入完畢焦點離開時，使用 Ajax 能夠實時通過后臺（后臺技術不限）與在后臺預設的用戶名數組進行檢索，如果不存在則立即在頁面彈出對話框提示信息，否則等待密碼錄入。當密碼框錄入完畢，點擊登錄按鈕時，使用 Ajax 在后臺實現用戶名和密碼的判斷，并將是否正確錄入的結果通過 Ajax 方式，即可返還到對話框。
3 回答
灬紫羽
TA貢獻107條經驗 獲得超71個贊
<!-- 給登陸按鈕給個id = login-->
<!-- 給用戶名輸入框給個id = username-->
<!-- 給密碼輸入框給個id = password-->
<!-- 使用前注意引入jquery類庫-->
<script>
$('#login').click(function(){?????
????????//這里最好對輸入框的數據進行驗證格式長度非法字符等等；此處省略不加驗證部分；
????????//驗證賬號密碼代碼。。。。。。
????????$.ajax(?{????
????????????url:'login_check.php',????????//?跳轉到?你的檢驗賬號密碼文件地址???
????????????data:{????
????????????????????username:$("#username").val(),
????????????????????password:$("#password").val(),
????????????},????
????????????type:'post',????//發送類型
????????????cache:false,????//設置為false將不會從瀏覽器緩存中加載請求信息
????????????dataType:'json',????//預定義服務器返回的數據類型
????????????success:function(data)?{????
????????????????//此處的data為一個json格式的對象；是你的檢驗文件返回的數據;是服務器返回的登陸結果
????????????????//{'status':true,'msg':'登陸成功'}?????驗證反饋結果??
????????????????//{'status':false,'msg':'密碼錯誤'}????驗證反饋結果?????
????????????????if(data.status?=="true"?){????
????????????????????alert("登陸成功！");????
????????????????}else{????
????????????????????alert(data.msg);
????????????????}????
?????????????},????
?????????????error?:?function()?{????
??????????????????alert("登陸異常！");????
?????????????}????
????????});??
???});
???</script>
- 3 回答
- 1 關注
- 2775 瀏覽
添加回答
舉報
0/150
提交
取消