jquery - 如何从YouTube搜索Jquery UI自动完成功能中获取单词列表?

标签 jquery search autocomplete youtube youtube-api

我只是基于my own youtube search构建了Youtube API V3
我想添加自动完成功能来搜索输入,问题是单词列表。
如果我添加了一个大的单词列表,这意味着更长的加载时间,而自动完成功能则毫无用处,因为您需要写出完整的单词以获取正确的单词,如果我添加一个小的单词列表,则加载时间很好,但是问题是一样的,自动完成是无用的,因为没有完成任何有用的工作。
所以我以不同的方式看待这个问题。
如果我以某种方式获得基于关联的youtube自动完成字词列表,然后在键入时才加载该字词列表,该怎么办?
那可能吗?

最佳答案

经过如此多的研究,我找到了解决方案:

$("#q").autocomplete({
    source: function(request, response){
        /* Need a api key for this, so we add it:  */
        var apiKey = 'MYAPIKEY';
        /* command */
        var query = request.term;
        /* youtube ajax request */
        $.ajax({
            url: "http://suggestqueries.google.com/complete/search?hl=en&ds=yt&client=youtube&hjson=t&cp=1&q="+query+"&key="+apiKey+"&format=5&alt=json&callback=?",  
            dataType: 'jsonp',
            success: function(data, textStatus, request) { 
               response( $.map( data[1], function(item) {
                    return {
                        label: item[0],
                        value: item[0]
                    }
                }));
            }
        });
    },
    /* seçilene işlem yapmak için burayı kullanabilirsin */
    select: function( event, ui ) {

    }
}); 

我希望它也对寻找类似内容的其他人有所帮助。

关于jquery - 如何从YouTube搜索Jquery UI自动完成功能中获取单词列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30469590/

相关文章:

javascript - 无法相应地模板化 select2 插件

javascript - 拾色器更新输入值

当单词以 n-gram 开头时,Elasticsearch Edge NGram 分词器得分更高

elasticsearch - ElasticSearch中的父子关系-在所有子文档中搜索句子

java - 当我开始在文本字段中输入时如何制作自动完成列表?

javascript - Bootstrap 自动完成功能不加载 map

jquery - 使用jquery忽略JSON调用中的部分键

javascript - 为什么传单搜索框这么容易就消失了?以及如何保留它?

java - 如何设置 Jcombobox 的智能

javascript - 动态创建的元素和传递参数的事件绑定(bind)