使用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

從您的應用程序中的腳本引用，這應該適合您...。