来自json的jquery自动完成*简单*

时间:2014-06-02 05:52:32

标签: javascript jquery json list autocomplete

我一直在通过S / O和谷歌进行数小时的研究,并尝试了许多不同的选项来让我的自动完成工作。我的原始代码有效,但当我通过一个更大的列表时,它失败了。所以我已经转移到另一种类型的剧本,但我不能为我的生活使它工作 - 我已经打了一段时间的墙。

我要做的是让我的表单使用我的json文件中的公司填写自动填充。即它会查看.json文件中是否存在该单词 - 如果是,则自动填充。

Python是我的语言,所以我对jquery / js有点不合适 - 原谅我缺乏知识。

json就是这样形成的:

{["Company1", "Company2", "Company3", etc...]}

脚本&其他相关代码:               

<script>
$(document).ready(function() {
    $("#userSelect").autocomplete({
        source: function( request, response ) {
          $.getJSON( "directory/name.json", {
            term: extractLast( request.term )
          }, response );
        }
      });
    });

<input type="text" id="userSelect" value="Will this ever work?" style="width: 300px;" />

如果有人有任何帮助会很棒 - 那是一整天的挣扎!提前谢谢。

2 个答案:

答案 0 :(得分:0)

我认为此链接可以解决您的问题http://jqueryui.com/autocomplete/#remote-jsonp 如果您正在使用firefox浏览器

,请在firebug控制台中检查您的数据类型

答案 1 :(得分:0)

你已经拥有了json数据,因此无需传递查询,将json数据传递给函数,最后只返回源数据

source: function (request, response) {
    $.getJSON( "directory/name.json",function (data) {
       //do you stuff 
       var convert_array=[];
       //do your stuff,push your required data inside convert_array
       //return  as array data 
       response(convert_array);
    });
},