Asp.net MVC ajax异步提交
JS:
$(function () {
$('#msgForm').submit(function () {
if ($(this).valid()) {
var $continue = $("#continue");
if (!$continue.attr("checked")) {
$.messager.alert('提示', '<span style="color:red">请先同意用户条款!!!</span>');
}
else {
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
beforeSend: function () {
$("#ajaxPro").css("display", "block");
},
success: function (result) {
$("#ajaxPro").css("display", "none");
if (result.state == 1 && result.res == 1) {
$.messager.alert('提示', '<span style="color:red">办理成功!!!</span>');
}
if (result.state == 1 && result.res == 2) {
$.messager.alert('提示', '<span style="color:red">本用户已经被办理过了!!!</span>');
}
else {
alert('办理失败!!!');
}
}, error: function (result) {
$("#ajaxPro").css("display", "none");
$.messager.alert('提示', '<span style="color:red">与服务器通讯错误!!!</span>');
}
});
}
}
return false;
});
});
HTML部分
在这里先后循序很重要搞错了就提交失败
@using (Html.BeginForm("/PermitOn", "Custom", FormMethod.Post, new { id = "msgForm" }))
{
@Html.AntiForgeryToken()
<div style="text-align: center">
<input type="submit" value="" style="background: url('../../Content/themes/base/images/register/zc_tj.gif'); width: 172px; height: 37px; border: 0px">
</div>
}
JS插入部分
<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")"></script>
//下面的两个必须要有
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
//自定义脚本放在最下面
<script src="@Url.Content("~/Content/themes/base/Custom/JS/自定义脚本.js")"></script>
JS:
$(function () {
$('#msgForm').submit(function () {
if ($(this).valid()) {
var $continue = $("#continue");
if (!$continue.attr("checked")) {
$.messager.alert('提示', '<span style="color:red">请先同意用户条款!!!</span>');
}
else {
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
beforeSend: function () {
$("#ajaxPro").css("display", "block");
},
success: function (result) {
$("#ajaxPro").css("display", "none");
if (result.state == 1 && result.res == 1) {
$.messager.alert('提示', '<span style="color:red">办理成功!!!</span>');
}
if (result.state == 1 && result.res == 2) {
$.messager.alert('提示', '<span style="color:red">本用户已经被办理过了!!!</span>');
}
else {
alert('办理失败!!!');
}
}, error: function (result) {
$("#ajaxPro").css("display", "none");
$.messager.alert('提示', '<span style="color:red">与服务器通讯错误!!!</span>');
}
});
}
}
return false;
});
});
HTML部分
在这里先后循序很重要搞错了就提交失败
@using (Html.BeginForm("/PermitOn", "Custom", FormMethod.Post, new { id = "msgForm" }))
{
@Html.AntiForgeryToken()
<div style="text-align: center">
<input type="submit" value="" style="background: url('../../Content/themes/base/images/register/zc_tj.gif'); width: 172px; height: 37px; border: 0px">
</div>
}
JS插入部分
<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")"></script>
//下面的两个必须要有
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
//自定义脚本放在最下面
<script src="@Url.Content("~/Content/themes/base/Custom/JS/自定义脚本.js")"></script>