Javascript jQuery selectize从外部文件加载不工作

我已经为此挣扎了几个小时，我不明白什么是不起作用的

我有一个外部JSON文件

airlines.JSON

，我正在尝试获取

selectize

，根据它们键入的内容填充下拉列表

请帮我指一下正确的方向好吗

JavaScript:

var $select = $('#airline').selectize({
    valueField: 'Airline',
    labelField: 'Airline',
    searchField: ['Airline'],
    maxOptions: 10,
    create: false,
    render: {
        option: function(item, escape) {
            return '<div>' + escape(item.airline) + '</div>';
        }
    },
    load: function(query, callback) {
        if (!query.length) return callback();
        $.ajax({
            url: 'data/airlines.json', // + query,
            type: 'POST',
            dataType: 'json',
            data: {
                q: query,
                maxresults: 5
            },
            error: function() {
                callback();
            },
            success: function(res) {
                callback(res);
            }
        });
    }
});

---

您是否调试了代码，是否在浏览器中看到任何错误（使用F12工具）？@JeroenHeier是的，我尝试过。没有错误。最初我将url标记为路径（使用+查询），因为一些示例代码中有此项，但后来我发现404文件未找到-然后它正在查找url并附加用户键入的内容。因为我更改了代码，所以没有错误。您调试了代码吗？您是否在浏览器中看到任何错误（使用F12工具）？@JeroenHeier是的，我尝试过。没有错误。最初我将url标记为路径（使用+查询），因为一些示例代码中有此项，但后来我发现404文件未找到-然后它正在查找url并附加用户键入的内容。因为我更改了代码，所以没有错误。

<select type="text" id="airline" name="airline" class="select-airline"></select>

[{"Airline":"Private flight"},
{"Airline":"135 Airways"},
{"Airline":"FlyPortugal"},
{"Airline":"FTI Fluggesellschaft"}]