时间:2016-02-15 21:55 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【.NET的Ajax请求数据提交实例】，下面是详细的讲解！
.NET的Ajax请求数据提交实例
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %><head runat="server">
<title>ajax请求</title>
<link type="text/css" rel="stylesheet" href="http://www.jb51.net/Content/style.css" />
<script type="text/javascript" src="http://www.jb51.net/Scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://www.jb51.net/Scripts/js.js"></script>
</head>
<body>
<!--顶部+logo+导航-->
<div class="logo_box">
<div id="logo">
<a title="ajax请求">ajax请求</a></div>
</div>
<!---->
<div class="loginCon">
<div class="loginBanner">
<img src="http://www.jb51.net/Images/4499633_182932517000_2.jpg" /></div>
<div class="loginBox">
<h2>
<span class="fl">会员登录</span><span class="newUser">没有账号？<a href='<%=Url.Action("Register","Account") %>'>立即注册</a></span></h2>
<form id="formData">
<div class="loginForm">
<div class="inputBox">
<input type="text" name="user" value="用户名/手机号" class="userId" />
</div>
<div class="inputBox">
<input type="text" value="密码" class="textStyle" />
<input type="password" name="pwd" class="passwordStyle none" />
</div>
<div class="warn">用户名或密码错误！</div>
<div class="remember">
<label>
<input type="checkbox" name="remembered" checked />
自动登录</label>
<a class="forget" href='<%=Url.Action("ResetPwd","Login") %>' >忘记密码？</a>
</div>
<input class="loginBtn" type="button" value="登录"/>
</div>
</form>
</div>
</div>
</body>
<script type="text/javascript">
$(function () {
$('.userId,.passwordStyle').on('keyup', function (e) {
if (e.keyCode==13) {
$('.loginBtn').trigger('click');
}
});
$('.loginBtn').on('click', function () {
$(".warn").hide();
var pwd=$('.passwordStyle').val();
if (pwd=='') {
$(".warn").show().html('请输入密码');
return false;
}
var data=$("#formData").serialize();
$.post("/login/checkLoginInfo", data, function (ajaxObj) {
//回传内容{status: 1(success)/0(fail),}
if (ajaxObj.status==0 || status==null) {
$(".warn").show().html('用户名或密码错误！');
} else {
//登陆成功，跳转都制定页面
window.location='/memberCenter/index';
}
}, "json");
});
});
</script>
</html>
关于.NET的Ajax请求数据提交实例的用户互动如下：
相关问题：
答： >>详细
相关问题：
答： >>详细
相关问题：
答： >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-