本文实例讲述了.NET的Ajax请求数据提交实现方法。分享给大家供大家参考。具体如下:
<head runat="server">
<title>ajax请求</title>
<link type="text/css" rel="stylesheet" href="/Content/style.css" />
<script type="text/javascript" src="/Scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/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="/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></div>