好了，還是和以前一樣，先建一個Login.html頁面吧，用于填寫登錄信息，然后再建一個DealData.aspx頁面吧（當然，這里用一般處理程序是最好的了：*.ashx），用來處理數據用的。
在login.html頁面中其代碼如下：
復制代碼 代碼如下:
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里面的內容
})
//元素綁定全局ajaxStop事件
$("#divMsg").ajaxStop(function () {
$(this).html("請求處理已經完成！").hide();
})
$("#btnSure").click(function () {//點擊按鈕事件
var $name = $("#txtName");//獲取登錄名
var $pwd = $("#txtPwd");//獲取密碼
if ($name.val() != "" $pwd.val() != "") {
//調用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", //數據請求的方式(post或get)，默認為get
url: "DealData.aspx", //發送請求的地址(默認為當前頁)
data: "action=Logindate=" + new Date() + "name=" + name + "pwd=" + password,//發送到服務器的數據
//登錄成功后返回的數據
success: function (data) {
if (data == "True") {//根據返回值進行判斷（注意：Ture寫成true應該會出錯吧！）
alert("登錄成功！");
//window.location = "1.htm";要跳轉的頁面
} 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;">正在發送請求....../span>
/body>
/html>
在DealData.aspx中，其后臺代碼如下：
復制代碼 代碼如下:
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實現登錄驗證功能實現代碼
- div彈出層的ajax登錄(Jquery版+c#)
- 一步一步學asp.net Ajax登錄設計實現解析
- 基于jquery ajax 用戶無刷新登錄方法詳解
- 使用PHPRPC實現Ajax安全登錄
- jQuery.ajax 用戶登錄驗證代碼
- jQuery+Ajax用戶登錄功能的實現
- jquery ajax 登錄驗證實現代碼
- ajax 登錄功能簡單實現(未連接數據庫)
