Jquery Select2 4 - 使用自定义数据时 Ajax“未找到结果”

Question

我无法让 Ajax 示例在文档页面上的 github 示例之外工作。

这是我正在尝试的：

https://jsfiddle.net/vhrpzcuv/8/

<select name="test" class="select2picker" style="width: 100%">
 <option value="test">test</option>
</select>

    $('.select2picker').select2({
    ajax: {
        url: "", //For testing don't do this.  
        dataType: 'json',
        data: function(params) {
            return {
                filter: params.term // search term
            };
        },
        processResults: function(data) {
            data = [{
                id: 0,
                text: 'enhancement'
            }];
            console.log(data);
            return data;
        }
    }
});

Answer 1

返回的数据需要用对象{results:x}包装。

https://jsfiddle.net/vhrpzcuv/9/

$('.select2picker').select2({
    ajax: {
        url: "", //For testing don't do this.  
        dataType: 'json',
        data: function(params) {
            return {
                filter: params.term // search term
            };
        },
        processResults: function(data) {
            data = [{
                id: 0,
                text: 'enhancement'
            }];
            console.log(data);
            return {results: data};
        }
    }
});

Answer 2

您还需要在 PHP（或其他）文件中设置标题。

对于 PHP 响应文件示例：

header('Content-Type: application/json');
echo json_encode($data);