使用Ajax和jQuery的ASP.NET MVC4中的自动完成文本框

Question

我正在尝试在textbox获取公司名称作为自动完成功能。 当我运行项目时，Ajax将调用成功函数，并且记录也可以正确提取，但是在textbox没有autocomplete建议。

我的看法是：

    $("#idcompanyname").autocomplete({
        source: function (request, response) {

            var customer = new Array();
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: '@Url.Action("Companymap", "admin")',
                data: "{'term':'" + document.getElementById('idcompanyname').value + "'}",
                dataType: "json",
                success: function (data) {
                    alert(data)

                    response($.map(data, function (v, i) {
                        var text = v.vcCompanyName;
                        alet(text)
                        if (text && (!request.term || matcher.test(text))) {
                            return {
                                label: v.vcCompanyName,
                                value: v.kCompanyId
                            };
                        }
                    }));
                },
                error: function(result) {
                    alert("No Match");
                }
            });
        }
    });
}

这是控制器上的方法：

       var query = db.tbaccounts.Where(t => t.vcCompanyName.ToLower()
                                           .StartsWith(term)).ToList();
       List<string> lst = new List<string>();
       foreach (var item in query)
       {
           lst.Add(item.vcCompanyName);
       }
       return Json(lst, JsonRequestBehavior.AllowGet);

这是引用的Javascript：

<script src="~/script/jquery-2.0.3.js"></script>
<script src="~/script/jquery-ui.js"></script>
<script src="~/js/jquery-1.10.2.js"></script>
<script src="~/js/jquery-ui.js"></script>

Answer 1

请尝试删除

~/script/jquery-2.0.3.js

从您的应用程序中的脚本引用，这应该适合您...。