ASP.NET MVC异步数据提交
来源:互联网 发布:网络作家船长写的小说 编辑:程序博客网 时间:2024/06/13 23:50
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>
0 0
- ASP.NET MVC异步数据提交
- asp.net mvc jquery 提交json数据
- ASP.NET MVC Jquery提交Json数据
- ASP.NET MVC View向Controller提交数据
- ztree 使用asp.net mvc异步动态获取数据
- asp.net mvc remote提交
- ASP.NET MVC 重复提交
- asp.net mvc表单提交
- Asp.net MVC 异步处理。
- .Net中的异步提交数据
- Asp.net MVC学习日记十一(JQuery异步提交表单)
- asp.net MVC下 使用jquery进行异步提交的两种方式
- asp.net MVC中form提交和控制器接受form提交过来的数据
- asp.net MVC中form提交和控制器接受form提交过来的数据
- asp.net MVC中form提交和控制器接受form提交过来的数据
- asp.net MVC中form提交和控制器接受form提交过来的数据
- .net MVC 用jquery读取表单数据,AJAX异步提交表单例子
- asp.net mvc 3 多按钮提交
- 常见基本类型所占字节数
- 小米系统升级时报错,说MD5文件不符
- 安装 Nagios监控linux服务器
- C++回调函数
- app.config文件加密安装包制作
- ASP.NET MVC异步数据提交
- UML_活动图
- ASP.NET MVC表单提交和CSRF提交
- Javascrpt 原型,对象 深入详解
- easyui-datagrid读返回json方法的url写法,Dapper返回的json
- Oracle中删除外键约束、禁用约束、启用约束
- android控件--ViewPager原理及实现
- jquery ajax前台传递数组
- 十道海量数据处理面试题与十个方法大总结