Я подумываю перейти от избранного к Select2, потому что у Select2 есть собственные методы для ajax. Ajax имеет решающее значение, потому что обычно вам приходится загружать много данных.
Я успешно выполнил пример с JSON api.rottentomatoes.com/api/
Я сделал файл JSON для проверки ajax, но он не работает.
Я не знаю, как должен быть JSON. Кажется, что нет подробной документации:
https://github.com/ivaynberg/select2/issues/920
Я попытался удалить несколько форматов JSON, поэтому я попытался скопировать формат JSON, похожий на api.rottentomatoes, но он не работает.
Возможно, мне не хватает чего-то глупого.
function MultiAjaxAutoComplete(element, url) {
$(element).select2({
placeholder: "Search for a movie",
minimumInputLength: 1,
multiple: true,
ajax: {
url: url,
dataType: 'jsonp',
data: function(term, page) {
return {
q: term,
page_limit: 10,
apikey: "z4vbb4bjmgsb7dy33kvux3ea" //my own apikey
};
},
results: function(data, page) {
return {
results: data.movies
};
}
},
formatResult: formatResult,
formatSelection: formatSelection,
/*initSelection: function(element, callback) {
var data = [];
$(element.val().split(",")).each(function(i) {
var item = this.split(':');
data.push({
id: item[0],
title: item[1]
});
});
//$(element).val('');
callback(data);
}*/
});
};
function formatResult(node) {
return '<div>' + node.id + '</div>';
};
function formatSelection(node) {
return node.id;
};
/*MultiAjaxAutoComplete('#e6', 'http://api.rottentomatoes.com/api/public/v1.0/movies.json');*/
MultiAjaxAutoComplete('#e6', 'https://raw.github.com/katio/Quick-i18n/master/test.json');
$('#save').click(function() {
alert($('#e6').val());
});
Я сделал это jsfiddle: