<head>
<title>無刷新登錄</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//元素綁定全局ajaxStart事件
$("#divMsg").ajaxStart(function () {
$(this).show(); //顯示span里面的內(nèi)容
})
//元素綁定全局ajaxStop事件
$("#divMsg").ajaxStop(function () {
$(this).html("請求處理已經(jīng)完成！").hide();
})
$("#btnSure").click(function () {//點擊按鈕事件
var $name = $("#txtName");//獲取登錄名
var $pwd = $("#txtPwd");//獲取密碼
if ($name.val() != "" && $pwd.val() != "") {
//調(diào)用Login()方法
Login($name.val(),$pwd.val());
} else {
if ($name.val() == "") {//如果登錄名不為空
alert("登錄名不能為空！");
$name.focus();//獲取焦點
return false;
} else {
alert("密碼不能為空！");
$pwd.focus();
return false;
}
}
})
})
function Login(name, password) {
$.ajax({
type: "POST", //數(shù)據(jù)請求的方式(post或get)，默認(rèn)為get
url: "DealData.aspx", //發(fā)送請求的地址(默認(rèn)為當(dāng)前頁)
data: "action=Login&date=" + new Date() + "&name=" + name + "&pwd=" + password,//發(fā)送到服務(wù)器的數(shù)據(jù)
//登錄成功后返回的數(shù)據(jù)
success: function (data) {
if (data == "True") {//根據(jù)返回值進(jìn)行判斷（注意：Ture寫成true應(yīng)該會出錯吧！）
alert("登錄成功！");
//window.location = "1.htm";要跳轉(zhuǎn)的頁面
} else {
alert("登錄名或密碼錯誤！");
return false;
}
}
});
}
</script>
</head>
<body style="text-align:center">
<div>登錄名：<input type="text" id="txtName" value="" /></div>
<br />
<div>密 碼：<input type="text" id="txtPwd" value="" /></div><br />
<div>
<input type="reset" value="確定" id="btnSure" />
</div>
<span id="divMsg" style="display:none;">正在發(fā)送請求......</span>
</body>
</html>
