将ASP.NET MVC中的form提交改为ajax提交
2013-08-21 10:14
218 查看
在ASP.NET MVC视图中通过 @using (Html.BeginForm()) 产生的是form表单提交代码,可以用javascript代码截获这个form提交,改为ajax提交,示例代码如下:
代码来自:ASP.NET MVC 3 Unobtrusive Javascript Validation With Custom
Validators
用ASP.NET MVC自带的Ajax.BeginForm也可以实现Ajax提交,但对返回结果的控制没有上面的方法灵活,代码如下:
代码来自:ASP.NET MVC 3 Unobtrusive Javascript Validation With Custom
Validators
$('#form1').submit(function () { if ($(this).valid()) { $.ajax({ url: this.action, type: this.method, data: $(this).serialize(), success: function (result) { $('#result').html(result); }, error: function (result) { alert(result); } }); } return false; });
用ASP.NET MVC自带的Ajax.BeginForm也可以实现Ajax提交,但对返回结果的控制没有上面的方法灵活,代码如下:
@using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "result" }))
相关文章推荐
- 将ASP.NET MVC中的form提交改为ajax提交
- 将ASP.NET MVC中的form提交改为ajax提交
- 将ASP.NET MVC中的form提交改为ajax提交
- asp.net mvc ajaxForm提交上传代办
- [翻译]ASP.NET MVC 3 开发的20个秘诀(十四)[20 Recipes for Programming MVC 3]:使用Ajax提交Form
- asp.net core mvc ajaxform submit files
- asp.net MVC中form提交和控制器接受form提交过来的数据
- ASP.NET MVC AJAX表单提交实例
- ASP.NET MVC下Ajax.BeginForm方式无刷新提交表单实例
- (转)ASP.NET MVC 3.0:基于Ajax的表单提交,A页面认证失败后页面被强转至登录页面,待登录成功将如何回到A页面?
- C# Asp.net使用FormData对象实现ajax提交表单及上传图片
- 使用javaScript解决asp.net中mvc使用ajax提交数组参数的匹配问题
- Asp.net MVC +JQueryValidation + AjaxForm
- asp.net MVC 使用Ajax.BeginForm 无刷新提交from表单
- asp.net MVC中form提交和控制器接受form提交过来的数据
- 使用javaScript解决asp.net中mvc使用ajax提交数组参数的匹配问题
- asp.net MVC中form提交和控制…
- ASP.NET MVC下Ajax.BeginForm方式无刷新提交表单
- Asp.net MVC +JQueryValidation + AjaxForm
- JQuery Form Ajax提交Asp.Net表单时的验证视图状态 MAC 失败