我的jquery自动完成不工作

本文关键字:工作 jquery 我的 | 更新日期: 2023-09-27 18:17:41

我使用jquery为文本框创建一个自动补全,数据从一个asmx webservice获取。我在firebug上监视我的代码,这个工具显示发送的请求和接收的XML响应。但是文本框的自动完成功能没有打开:(
有人能告诉我为什么我的代码为jquery自动完成不工作?
jquery代码:

<link href="../Script/MainCSS.css" rel="stylesheet" />
<link href="../Script/jquery-ui.css" rel="stylesheet" />
<script src="../Script/jquery-1.10.2.js"></script>
<script src="../Script/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $('.textBox').autocomplete({
            source: function (request, response) {               
                $.ajax({
                    url: "/Services/BusService.asmx/GetRouteInfo",
                    data: { param: $('.textBox').val() },
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataFilter: function (data) { return data; },
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                value: item
                            }
                        }))
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        var err = eval("(" + XMLHttpRequest.responseText + ")");
                        alert(err.Message)
                        // console.log("Ajax Error!");  
                    }
                });
            },
            minLength: 2 //This is the Char length of inputTextBox  
        });
    });
</script>

my c# code:

 [WebMethod]
        public string[] GetRouteInfo(string param)
        {
            List<string> list_result = new List<string>();
            AutoTaxiEntities useEntity = new AutoTaxiEntities();
            System.Data.Entity.Core.Objects.ObjectResult<DAL.Model.SP_FIND_ROUTE_ROUTESTOPS_Result> sp_result = useEntity.SP_FIND_ROUTE_ROUTESTOPS(param);
            foreach (DAL.Model.SP_FIND_ROUTE_ROUTESTOPS_Result sp_result_item in sp_result.ToList())
            {
                list_result.Add(sp_result_item.ID + "," + sp_result_item.ITEMTYPE + "," + sp_result_item.TITLE);
            }
            return list_result.ToArray();
        }

我的jquery自动完成不工作

查看您添加的脚本引用,我认为您没有添加autocomplete.js脚本。请添加并尝试一次。请点击这里

 $(document).ready(function () {
        $('#<%=txtSearch.ClientID%>').autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    url: "/Services/BusWebService.asmx/GetRouteInfo",
                    data: "{ 'param': '" + request.term + "' }",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    dataFilter: function (data) { return data; },
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                itemid: item.split(',')[0],
                                itemtype: item.split(',')[1],
                                label: item.split(',')[2]
                            }
                        }))
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            },
            minLength: 2,
            select: function (event, ui) {
                $('#<%=hfItem.ClientID%>').val(ui.item.itemid + ',' + ui.item.itemtype + ',' + ui.item.label);
                //$("form").submit();
            }
        });
  });