使用jquery和Bootstrap实时搜索

时间:2018-10-23 18:02:42

标签: javascript jquery typeahead.js

我是jquery的新手,想弄点什么。我不知道Google在引导4中的下拉列表中会找到哪个类使用什么类。即时搜索的简便解决方案,因为我找不到(大约) enter image description here

我找到了某种叫做Awesomeplete的插件,如果它被调用,并且只对我有用,而不是我想要的那样。 这不是我最好的jquery搜索代码。在这里,我还要问是否可以从诸如ajax上的链接获取数组?我不想将所有这些都写到一个数组中,然后再次擦除它,它无法正常工作。

$(function () {
    var req=null;
    $("#artist").keyup(function (event) {
            var artist = event.target.value;
            var arrayArtist = [];
        if(artist.length>=2) {
            if(req !=null) req.abort();
           req= $.ajax({
                url: "http://localhost:8080/artistspart/" + artist,
                type: "GET",
                async: false,
                dataType: "json",
                success: artistSearchPart
            });
        }
            function artistSearchPart(data) {
                $.each(data, function (idx, column) {
                    arrayArtist.push(column.artistName);
                });

                $(".awesomplete").typeahead({
                    source: arrayArtist
                });
            }
    });
});
<input id="artist" class="awesomplete"  />

0 个答案:

没有答案