日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

菜鳥(niǎo)蔡之Ajax復(fù)習(xí)第三篇(Ajax之無(wú)刷新登錄)_AJAX教程

編輯Tag賺U幣
教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

推薦：菜鳥(niǎo)蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)
在上一篇博客中寫到的是在傳統(tǒng)的Javascript中使用XMLHttpRequest對(duì)象異步加載數(shù)據(jù)的，唉，童鞋.......看到那些代碼是不是有點(diǎn)頭疼啊!呵呵......

好了，還是和以前一樣，先建一個(gè)Login.html頁(yè)面吧，用于填寫登錄信息，然后再建一個(gè)DealData.aspx頁(yè)面吧（當(dāng)然，這里用一般處理程序是最好的了：*.ashx），用來(lái)處理數(shù)據(jù)用的。

在login.html頁(yè)面中其代碼如下：

復(fù)制代碼 代碼如下:hl5o.cn

<head>
<title>無(wú)刷新登錄</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("請(qǐng)求處理已經(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ù)請(qǐng)求的方式(post或get)，默認(rèn)為get
url: "DealData.aspx", //發(fā)送請(qǐng)求的地址(默認(rèn)為當(dāng)前頁(yè))
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)該會(huì)出錯(cuò)吧�。�
alert("登錄成功！");
//window.location = "1.htm";要跳轉(zhuǎn)的頁(yè)面
} else {
alert("登錄名或密碼錯(cuò)誤！");
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ā)送請(qǐng)求......</span>
</body>
</html>

在DealData.aspx中，其后臺(tái)代碼如下：
復(fù)制代碼 代碼如下:hl5o.cn

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;
}
}

好了，童鞋，你也趕緊的試一下吧！無(wú)刷新，你也是可以的!

分享：菜鳥(niǎo)蔡之Ajax復(fù)習(xí)第一篇(后臺(tái)asp.net)(傳統(tǒng)的JavaScript方法實(shí)現(xiàn)Ajax功能)
Ajax是Asynchronous JavaScript and XML，其核心是通過(guò)XMLHttpRequest對(duì)象以一種異步的方式向服務(wù)器發(fā)送請(qǐng)求，并通過(guò)該對(duì)象接收請(qǐng)求返回的數(shù)據(jù)，從而完成人機(jī)交互的數(shù)據(jù)操作(呵呵、、、說(shuō)的有點(diǎn)嚇人！)

來(lái)源：模板無(wú)憂//所屬分類：AJAX教程/更新時(shí)間：2013-04-22
相關(guān)AJAX教程：