时间:2016-02-15 23:36 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net+ajax的Post请求实例】，下面是详细的讲解！
asp.net+ajax的Post请求实例
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">
<title></title>
<script type="text/javascript">
//向服务器请求当前登录状态，然后切换登录区域的显示
var checkLogin=function () {
$.post("/ajax/CheckLogin.ashx", function (data) {
var strs=data.split("|");
if (strs[0]=="no") {
//alert("木有登陆");
$("#divLoginArea").show(); //如果没有登陆就显示"登陆"
$("#divLoginOutArea").hide(); //隐藏"注销"
}
else {
//切换“登录”、“注销”的两个层
$("#divLoginArea").hide(); //隐藏"登陆"
$("#divLoginOutArea").show(); //显示 "注销"
$("#spanUserName").text(strs[1]);//把当前登录用户名显示出来
}
});
}
var loginFinish=function (data) { //这是一个回调函数
if (data=="ok") {
//alert("成功");
$("#divLogin").dialog("close"); //登录成功关闭窗口
checkLogin();//登录成功，刷新登录区域的显示
}
else {
alert("用户名密码错误");
}
};
$(function () {
$("#btnShowLoginDlg").click(function () {
$("#divLogin").dialog({
height: 200,
modal: true
});
});
$("#btnLogin").click(function () { //当用户点击"登陆" 控件触发事件
//todo:检验用户名、密码不能为空
var username=$("#txtUserName").val();
var password=$("#txtPwd").val();
$.post("/ajax/UserLogin.ashx",//----------------------请关注这条$.Post()请求的参数与回调函数
{ "username": username, "password": password },
loginFinish);
});
});
$(function () {
checkLogin();//刚进入页面的时候也是先向服务器查询当前登录状态
$("#btnLogout").click(function () {
$.post("/ajax/Logout.ashx", function () {
checkLogin();//刷新显示
});
});
});
</script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="divLoginArea" style="display:none"><input type="button" value="登录" id="btnShowLoginDlg" /></div>
<div id="divLoginOutArea" style="display:none">
<span id="spanUserName"></span>
<input type="button" value="注销" id="btnLogout" />
</div>
<div id="divLogin" title="登录窗口" style="display:none">
<table>
<tr><td>用户名：</td><td><input type="text" id="txtUserName"/></td></tr>
<tr><td>密码：</td><td><input type="password" id="txtPwd"/></td></tr>
<tr><td colspan="2"><input type="button" value="登录" id="btnLogin" /></td></tr>
</table>
</div>
<br />
<asp:ContentPlaceHolder ID="placeHolderMain" runat="server">
</asp:ContentPlaceHolder>
<br />
尾部<br />
</div>
</form>
</body>
</html>
关于asp.net+ajax的Post请求实例的用户互动如下：
相关问题：
答： >>详细
相关问题：
答： >>详细
相关问题：
答： >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 【Visual】分享Visual Studio原生开发的10个调试
- 【全局】.net全局定时定期执行某些操作在Global.a
- 【asp】asp.net ubb使用代码-net-ubb使用
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-