ASP.net MVC 中的 Ajax 助手

Question

我知道这个问题可能不适合堆栈溢出。我一直在寻找一个关于如何使用 ajax 助手的例子，但大多数教程只通过了助手，他们没有提供任何实际的例子。我已经知道如何以 javascript 方式使用 ajax，但只想知道如何使用微软提供的 ajax 助手。

Answer 1

描述如何this GitHUb branch作品:

首先，让我们定义一个我们要请求的 Action 。为了简单起见，让我们做一个非常基本的 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 功能，但您可以将自己的函数绑定(bind)到 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 特性。