Question

这是我在.cshtml中的代码

@using (Ajax.BeginForm("Search","Home",
    new AjaxOptions
    {
        UpdateTargetId = "SearchResults",
        HttpMethod ="GET",
        InsertionMode = InsertionMode.Replace
    }
))
{
    <input type="text" id="q" data-autocomplete="@Url.Action("QuickSearch", "Home")"   />
    <input type="submit" value="Search"  />
}
<table id="SearchResults">
</table>

并在.js文件中：

$(document).ready(function () {
    $(":input[data-autocomplete]").each(function () {
         $(this).autocomplete({ source: $(this).attr("data-autocomplete") });
    });
});

在HomeController.cs中我的QuickSearch是：

public ActionResult QuickSearch(string term)
{
    var _restaurant = context.Books.Where(r => r.BookTitle.Contains(term) )
                    .Take(10)
                    .Select(r => new
                    {
                        label = r.BookTitle
                    });
    return Json(_restaurant, JsonRequestBehavior.AllowGet);
}

我添加了jquery-1.5.1.min.js，jquery-ui.css，jquery-ui.js，jquery.unobtrusive-ajax.min.js，modernizr-1.7.min.js

我的搜索按钮工作得很好，但是当我在QuickSearch方法上放置断点并且调试它从不调用并执行该方法时，我的自动完成工作甚至都没有调用方法。但为此

<a href="@Url.Action("QuickSearch", "Home")">url</a>

效果很好。

在我的其他项目中，一切都没有问题。

我真的很感激你的帮助。

Answer 1

我解决了这个问题。我的页面中有一个局部视图，顶部有这些视图：

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

所以我从局部视图中删除了这个脚本块，它现在可以正常工作。

永远不会调用QuickSearch

1 个答案: