ASP.net MVC中的Ajax帮助器

Question

我知道这个问题可能不适合堆栈溢出.我一直在寻找一个关于如何使用ajax帮助器的例子,但是大多数的人都只是通过帮助器,他们没有提供任何实际的例子.我已经知道如何使用javascript方式使用ajax,但只是想知道如何使用microsoft提供的ajax帮助程序.

Answer 1

描述这个GitHUb分支如何工作:

首先,让我们定义一个我们要请求的动作.为了简单起见,让我们做一个非常基本的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属性中指定自定义函数.