ASP.NET MVC异步数据提交

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>