Jquery Select2 4 - 使用自定义数据时的 Ajax "no results found"

Question

我无法在文档页面上的github示例之外使用Ajax示例。

这是我在尝试的内容：

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);