将ASP.NET MVC中的form提交改为ajax提交

一世执手 提交于 2020-02-11 02:51:01

在ASP.NET MVC视图中通过 @using (Html.BeginForm()) 产生的是form表单提交代码,可以用javascript代码截获这个form提交,改为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" }))



易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!