Question

我正在尝试实现自动完成但是我发现它没有传递部分字符串，我正在使用MVC3，剃刀视图引擎和jquery将它们放在一起。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript">  </script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript">   </script>

<script type="text/javascript">
$(function (request) {
    alert("test:" + $("#searchTerm").val());
    $("#searchTerm").autocomplete({
        source: "/Home/GetAccounts/" + $("#searchTerm").val(),
        type: 'POST',
        dataType: 'json',
        data: request.term,
        minLength: 3,
        select: function (event, ui) {
            window.location.href = 'Home/GetAccounts/' + ui.item.value;
        }
    });
});

</script>

@using (Html.BeginForm())
{               
 <form method="post" action="">
 <input id="searchTerm" name="searchTerm" type="text" />
     <input type="submit" value="Go" />
 </form>

}

以下是控制器

    public ActionResult GetAccounts(string id)
    {
        var accounts = NavRepository.GetAccountsBasedOnString(id);
        var accountStrings = new string[accounts.Count];
        var count = 0;

        foreach (var account in accounts)
        {
            accountStrings[count] = account.AccountID;
            count++;
        }

        return Json(accountStrings, JsonRequestBehavior.AllowGet);
    }

我确实在几个地方（例如http://jqueryui.com/demos/autocomplete/#remote-jsonp）打猎，包括这里，但我似乎无法解决这个问题。

附加以下是我写路线的方式。

  public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            "Default", // Route name
            "{controller}/{action}/{id}", // URL with parameters
            new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
        );

    }

如评论中所述，如果我为searchTerm设置value =“test”，它只会发送此字符串

Answer 1

问题在于，当您设置自动填充的来源时，它会在完成此操作时获取文本字段的值（即在DOM加载时）=＆gt;此阶段的值为空。 document.ready事件处理程序不接受请求对象。

您可以在为自动填充连接时将函数传递给source属性：

$(function() {
    $('#searchTerm').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: '@Url.Action("GetAccounts", "Home")',
                data: { id: request.term },
                dataType: 'json',
                type: 'POST',
                minLength: 3,
                select: function (event, ui) {
                    window.location.href = '@Url.Action("GetAccounts", "Home")' + ui.item.value;
                }
          });
    });
});

MVC3 Razor jQuery自动完成将旧值传递给Action

1 个答案: