1. 程式人生 > >將ASP.NET MVC中的form提交改為ajax提交

將ASP.NET MVC中的form提交改為ajax提交

在ASP.NET MVC檢視中通過 @using (Html.BeginForm()) 產生的是form表單提交程式碼,可以用javascript程式碼截獲這個form提交,改為ajax提交,示例程式碼如下:

$('#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" }))