jQuery UI自动完成的JSON数组

Question

任务是获取带有城市名称数组的本地JSON文件，并将其自动完成。 没有关于JSON数组的确切信息，总是谈论成对的“键”-“值”。 所以我有一个问题：是否可以在JSON中将数组与单个项目一起使用？如果这是我的代码的错误所在？
JSON

    [
    "Minsk",
    "London",
    "Riga",
    "Vilnius",
    "Warszaw",
    "Paris",
    "Moscow",
    "Tallin",
    "Berlin",
    "Amsterdam",
    "Oslo",
    "Helsinki"
]

JS

$('#tags').autocomplete({
    source: function(request, response) {
        var result = $.ajax({
            url: '../source.json',
            method: 'GET',
            dataType: 'json',
            success: function(data) {
                var array = [];
                response($.each( data, function(item) {
                    array.push(item);
                    return array;
                }));
                return array;
            }
        });
    }
});

Answer 1

JSON确实支持数组和对象。

您的代码不会将结果返回给源。 实际上，如果不使用setInterval来检查$ .ajax（）等等，就无法等待。 最好的方法是在页面加载后访问JSON文件一次，然后从那里引用源。

尝试：

 var dict = []; $.ajax({ url: 'https://dl.dropboxusercontent.com/u/100496307/source.json', method: 'GET', dataType: 'json', success: function(data) { $.each(data, function() { dict.push(this.toString()); }); return dict; } }); $('#tags').autocomplete({ source: dict }); $('#tags').keydown(function() { console.log(dict); });

 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/black-tie/jquery-ui.css" /> </head> <body> <input type="text" id="tags" /> </body>

jQuery UI自动完成的JSON数组

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-12-21 21:33:29

jQuery UI自动完成的JSON数组

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-12-21 21:33:29

解决方案1
2 已采纳 2014-12-21 21:33:29