未在頁面上插入Ajax返回PartialView

Question

只是想把我的頭纏在Razor中的Ajax幫助器上-可能忽略了一些簡單的東西。

以下代碼將我當前的標簽指向/ Music / SearchBand，而不是將我的分頁返回給我的div。

我已經在我的觀點：

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

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

這在我的控制器中：

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

Answer 1

@Ajax. ... @Ajax. ...助手會向生成的HTML添加一些額外的data-屬性，而HTML本身不會執行任何ajax請求（這就是鏈接“只是”導航到另一個頁面的原因）。

要使其正常工作，它需要一些客戶端javascript函數，這些函數將使用預生成的data- attribute觸發實際的ajax請求。

這些js函數位於Sripts/jquery.unobtrusive-ajax.min.js文件中：

因此，您需要在計划使用任何@Ajax. ...每個頁面上都包含此JS文件@Ajax. ... @Ajax. ...助手：

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