我有一个 Ajax.BeginForm 调用,它应该返回一个局部 View ,但将页面重新路由到 Action。关于什么是错的任何想法?
这是我要在其上呈现部分 View 的主页上的代码:
<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>
这是局部 View (由于长度原因删除了项目):
<div class="row" id="searchResults">
...removed form elements
<div class="row">
<table class="table">
....stuff
</table>
</div>
</div>
这是 Controller :
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 而不是停留在页面上并简单地加载部分 View 。我是 MVC 的新手,所以请记住这一点。 :)
最佳答案
jquery-unobtrusive js 文件必须包含在您的页面中才能使 ajax.beginform 工作
关于Ajax.BeginForm 路由到新页面而不是局部 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23460167/