Ajax.BeginForm路由到新页面而不是部分视图

Question

我有一个Ajax.BeginForm调用，它应该返回一个局部视图，但实际上会将页面重定向到Action。您有什么想法是什么出了问题吗？

以下是我希望在主页面上呈现局部视图的代码：

    <div class="col-md-6">
        @using (Ajax.BeginForm("Search", "Home", new AjaxOptions
        {
            HttpMethod = "GET",
            InsertionMode = InsertionMode.Replace,
            UpdateTargetId = "searchResults"
        }))
        {

        <div class="form-group" style="width:85%;">
            <div class="right-inner-addon">
                <i class=" glyphicon glyphicon-search"></i>
                <input type="text" data-autocomplete="@Url.Action("Quicksearch","Home")" class="form-control" placeholder="Search" name="q" />
            </div>
        </div>
        <div class="form-group">
            <button class="btn btn-default form-inline" type="submit">Search</button>
        </div>
        }
        <br />

    </div>

</div>
<div id="searchResults">

</div>

这里是部分视图（因长度而删除的项目）：

    <div class="row" id="searchResults">
     ...removed form elements
       <div class="row">
            <table class="table">
    ....stuff
    </table>
    </div>
</div>

以下是控制器代码:

   public PartialViewResult Search(string q)
    {
        var items = db.items_with_descriptions
            .Where(r => r.name.Contains(q) || string.IsNullOrEmpty(q))
            .Take(10);
        return PartialView("_Items", items);
    }

如上所述，当我点击搜索按钮时，它会重定向到localhost:24942/Home/Search而不是停留在页面上并简单地加载部分视图。我对MVC还很陌生，请注意这一点。 :)

- Yecats

---

你的页面是否包含了jquery-unobtrusive js文件？如果没有，通常会出现你所描述的行为。 - thsorens

我其实刚刚发现了这个问题。 :) 我漏掉了js文件。如果你回答的话，我会给你信用。 - Yecats

Answer 1

要使ajax.beginform正常工作，您的页面必须包含jquery-unobtrusive js文件。

- thsorens