使用json文件自动完成

时间:2012-07-05 02:31:30

标签: javascript jquery json autocomplete

我在使用我已经给出的json文件专门处理自动完成时遇到了一些麻烦。我不确定这是否需要有一个php解决方法,也许它只是我的jquery中的一堆错误。但是,这是使用自动完成工具。

非常感谢任何帮助。

javascript - 是表格都标记正确。

$(document).ready(function() {
    $('#autocomplete').autocomplete({
        source: function(request, response) {
            $.getJSON('data/destination.json', { q: request.term }, function(result) {
                response($.map(result, function(item) {
                return item.value;
            }));
        });
    }
});

JSON文件

{
"destinations": [
    {
        "value": "Oceania and Australia",
        "label": "Australia & South Pacific"
    },
    {
        "value": "Australia",
        "label": "Australia"
    },
    {
        "value": "Brisbane",
        "label": "Brisbane Australia"
    },
    {
        "value": "GoldCoast",
        "label": "GoldCoast-Australia"
    },
    {
        "value": "SunshineCoast",
        "label": "SunshineCoast-Australia"
    },

它继续这样。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

请尝试以下操作。您应该在json数据的目的地应用$.map

    source: function(request, response) {
        $.getJSON('data/destination.json', { q: request.term }, function(data) {
            response($.map(data.destinations, function(item) {
            return item.value;
        }));
    });