溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“Ajax如何實現無刷新登錄”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Ajax如何實現無刷新登錄”這篇文章吧。
先建一個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=Login&date=" + 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 >
<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" >正在發送請求......</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;
}
}
以上是“Ajax如何實現無刷新登錄”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
