新页面中的MVC5 Ajax.ActionLink

Question

我一直在寻找如何解决我的问题，但没有运气。

1. 我创建了一个默认的MVC5 Web应用程序。

2. 在主页（索引）视图中，我添加了以下内容：

   <div id="target">TEST</div>
   @Ajax.ActionLink("Test AJAX", "Ajax", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "target"});
   

3. 在HomeController中，我添加了以下内容：

   public PartialViewResult Ajax()
   {
       return PartialView("Ajax", DateTime.Now.ToString());
   }
   

4. 我创建了一个名为Ajax.cshtml的新视图，如下所示

   @model string
   @{
       ViewBag.Title = "Ajax";
   }
   
   <h2>Ajax</h2>
   <p>@Model</p>
   

5. 网络配置中的设置为true：

   <add key="UnobtrusiveJavaScriptEnabled" value="true"/>

6. 呈现以下Bundle

   @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/bootstrap")

7. 我的脚本文件夹如下所示：

总之，所有自定义内容都是添加Ajax链接，家庭控制器中的新方法和新视图..

我的Ajax Link也会在新页面中显示结果，而不是更新目标元素。