c# - 返回带有 Ajax 的 PartialView 未在页面上插入

Question

我只是想全神贯注于 Razor 中的 Ajax 助手——可能忽略了一些简单的事情。

以下代码将我当前的选项卡定向到/Music/SearchBand 而不是将部分返回到我的 div。

我的 View 中有这个:

@Ajax.ActionLink("click me","SearchBand",
new AjaxOptions {
    UpdateTargetId = "replaceThisDiv"   
})

<div id="replaceThisDiv"></div>

这在我的 Controller 中:

public ActionResult SearchBand()
    {
        return PartialView("_bandResults");
    }

Answer 1

@Ajax。 ... 助手只是向生成的 HTML 添加一些额外的 data- 属性，它本身不会执行任何 ajax 请求(这就是链接“只是”导航到不同页面的原因) .

为了使其正常工作，它需要一些客户端 javascript 函数，这些函数将使用预生成的 data- 属性触发实际的 ajax 请求。

这些js函数在Sripts/jquery.unobtrusive-ajax.min.js文件中:

因此，您需要在计划使用任何 @Ajax 的每个页面上包含此 JS 文件。 ... 助手:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" 
        type="text/javascript"></script>