码迷,mamicode.com
首页 > Web开发 > 详细

Asp.Net MVC Ajax

时间:2014-12-26 10:54:40      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

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

在ASP.NET MVC视图中通过 @using (Html.BeginForm()) 产生的是form表单提交代码,可以用javascript代码截获这个form提交,改为ajax提交,示例代码如下:

代码来自:http://www.cnblogs.com/dudu/archive/2011/12/07/asp_net_mvc_form_ajax.html

$(‘#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;
});



$.ajax({
      type: "post",
      url:‘/ItemInfo/EditItem‘,//对应于controllerName/ActionName
      timeout: 3000,
      data: $("#fm").serialize(), // { PartNumber: ‘22‘, Project: ‘Project‘, Family: ‘Chord‘ },
      error: function () { alert(‘Failed!‘); },
      success: function (data, textStatus) {
                 $(‘#Planner_ItemInfo‘).datagrid(‘loadData‘, data);
             }
         });

 

用ASP.NET MVC自带的Ajax.BeginForm也可以实现Ajax提交,但对返回结果的控制没有上面的方法灵活,代码如下:

@using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "result" }))

Asp.Net MVC Ajax

标签:

原文地址:http://www.cnblogs.com/Gxiaopan/p/4186046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!