JQuery 執行個體學習系列(1)Ajax登陸驗證

本文通過一個Ajax登陸執行個體，學習JQuery在Ajax方面的應用。

//前台代碼

<script language="javascript">
　　　　$(document).ready(
　　　　　 function(){
　　　　　　　　$("#btnLogin").click(function(){Login();})
　　　　　　　　 }
　　　　);
　　　　function Login()
　　　　{
　　　　　　if(Check())
　　　　　　{
　　　　　　　　Go();
　　　　　　}
　　　　}
　　　　function Check()
　　　　{
　　　　　　if($("#txtUserID").val()=="")
　　　　　　{
　　　　　　　　alert("帳號不可為空!");
　　　　　　　　$("#txtUserID").focus();
　　　　　　　　return false;
　　　　　　}
　　　　　　if($("#txtPass").val()=="")
　　　　　　{
　　　　　　　　alert("密碼不可為空!");
　　　　　　　　$("#txtPass").focus();
　　　　　　　　return false;
　　　　　　}
　　　　　　return true;
　　　　}
　　　　function Go()
　　　　{
　　　　　　$.post("LoginCheck.aspx", { Action: "post", UserID: $("#txtUserID").val(),UserPass: $("#txtPass").val() },
　　　function (data, textStatus){
　　　alert(data.result);
　　　 "json");
　　　　}

</script>