javascript - 使用 json 文件自动完成

Question

我在让自动完成功能专门处理我收到的 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"
    },

就这样继续下去。

谢谢你的帮助！

Answer 1

下面试试。您应该$.map在 json 数据的目的地申请。

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