好了，還是和以前一樣，先建一個Login.html頁面吧，用于填寫登錄信息，然后再建一個DealData.aspx頁面吧（當(dāng)然，這里用一般處理程序是最好的了：*.ashx），用來處理數(shù)據(jù)用的。
在login.html頁面中其代碼如下：
復(fù)制代碼 代碼如下:
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 () {//點(diǎn)擊按鈕事件
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();//獲取焦點(diǎn)
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=Logindate=" + 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>
在DealData.aspx中，其后臺代碼如下：
復(fù)制代碼 代碼如下:
public partial class ManageData : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string name = System.Web.HttpUtility.UrlDecode(Request["name"]);//獲取登錄名
string pwd = System.Web.HttpUtility.UrlDecode(Request["pwd"]);//獲取密碼
Response.Write(Login(name, pwd));
Response.End();
}
private bool Login(string name, string pwd)
{
bool result = false;
if (name == "小菜" pwd=="123456")
{
return true;
}
return result;
}
}
好了，童鞋，你也趕緊的試一下吧！無刷新，你也是可以的!
您可能感興趣的文章:- S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
- div彈出層的ajax登錄(Jquery版+c#)
- 一步一步學(xué)asp.net Ajax登錄設(shè)計(jì)實(shí)現(xiàn)解析
- 基于jquery ajax 用戶無刷新登錄方法詳解
- 使用PHPRPC實(shí)現(xiàn)Ajax安全登錄
- jQuery.ajax 用戶登錄驗(yàn)證代碼
- jQuery+Ajax用戶登錄功能的實(shí)現(xiàn)
- jquery ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼
- ajax 登錄功能簡單實(shí)現(xiàn)(未連接數(shù)據(jù)庫)
