使用Jquery 3.2.1自动完成

时间:2018-01-30 11:24:59

标签: javascript jquery jquery-ui autocomplete

我在我的项目中使用jquery 3.2.1,现在我需要实现自动完成功能。 Uncaught TypeError: dollar(...).autocomplete is not a function我一次又一次地收到同样的错误 如果我使用较低版本的jquery,那么许多功能都会停止工作。我搜索了解决方案但失败了。请帮我解决这个问题。我正在为我的项目使用网站模板。

Jquery的

 <script type="text/javascript">
        var dollar = $.noConflict();
        dollar(function () {
            dollar("#txtDoctorLocation").autocomplete({
                source: function (request, response) {
                    var param = { query: $('#txtDoctorLocation').val() };
                    dollar.ajax({
                        url: "./verification.aspx/SearchDoctor",
                        data: JSON.stringify(param),
                        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: 1 //This is the Char length of inputTextBox  
            });
        });
    </script>

[WebMethod]
public static List<string> SearchDoctor(string query)
{
    List<string> Doc = new List<string>();

    Doc.Add("Test1");
    Doc.Add("Test1");
    Doc.Add("Test1");
    Doc.Add("Test1");
    return Doc;
}

0 个答案:

没有答案