ASP.net MVC中的Ajax帮助器

首先,让我们定义一个我们要请求的动作.为了简单起见,让我们做一个非常基本的POST动作：

//
// POST: /Home/Ajax
[HttpPost]
public PartialViewResult Ajax()
{
    // use partial view so we're not bringing the entire page's theme
    // back in the response. We're simply returning the content within
    // ~/Views/Home/Ajax.cshtml
    return PartialView();
}

接下来,为您的内容设置目的地并为其指定ID(此处我将其命名为“update-me”)：

<div class="well" id="update-me">
  Click the button to see some AJAX content.
</div>

从那里继续我们设置表单.下面演示了标准的AJAX功能,但您可以将自己的函数绑定到AjaxOptions指定的某些事件.

@using (Ajax.BeginForm("Ajax",new AjaxOptions {
    HttpMethod = "POST",// HttpPost
    InsertionMode = InsertionMode.Replace,// empty the target first
    UpdateTargetId = "update-me" // place content within #update-me
}))
{
    <button type="submit" class="btn btn-default">
        <i class="glyphicon glyphicon-refresh"></i>
        Click Me!
    </button>
}

最后,我们需要指定我们的脚本库负责表单功能的大多数[“自动”]连接：

<script src="~/Scripts/jquery-2.1.1.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

而已.当你开始玩它时,你会发现扩展它非常简单.例如,如果要显示“工作”图标,可以在OnBegin和OnComplete属性中指定自定义函数.