我看了官方的例子: 没问题。 仅仅把官方的获取数据接口https://api.github.com/search/repositories
换成我本地的 /api/drivers
, 结果是获取不到数据。
然后我上图的例子,能确保。我api
接口获取数据是没问题的。
$(document).ready(function() {
//展现样式
function formatTopic (topic) {
return "<div class='select2-result-repository clearfix'>" +
"<div class='select2-result-repository__meta'>" +
"<div class='select2-result-repository__title'>" +
topic.name ? topic.name : "Laravel" +
"</div></div></div>";
}
// topic.name 后台获取的数据, 当没有数据则创建(用户输入) topic.text
function formatTopicSelection (topic) {
return topic.name || topic.text;
}
//后台api ajax选择数据
$(".js-example-placeholder-multiple").select2({
tags: true,
placeholder: '选择相关话题',
minimumInputLength: 1,
ajax: {
url: '/api/drivers', //定义api请求路由
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term //指定查询参数 q
};
},
processResults: function (data, params) {
return {
results: data
};
},
cache: true
},
templateResult: formatTopic, //返回样式表
templateSelection: formatTopicSelection, //返回样式表
escapeMarkup: function (markup) { return markup; }
});
});
<select name="topics" class="js-example-placeholder-multiple js-data-example-ajax
form-control">
</select>