Практический пример Select2 AJAXJquery

Программирование на jquery
Ответить
Anonymous
 Практический пример Select2 AJAX

Сообщение Anonymous »

Я пытался найти в документации простой рабочий пример Select2 v4.0.5 с AJAX, так как Javascript и jQuery не для меня. Но каждый раз я обнаруживал, что серверная часть отсутствует.
Существует так много разных способов получения результатов: ProcessResults.
Мне не удалось поместить свой код в jsfiddle.net. Вот мой .zip-файл:
https://framadrop.org/r/JgSTSr1V3h#s0CB ... aTtCQuR+8=
Файл Ajax PHP приведен здесь только в качестве примера, он возвращает идентификатор с текстом в array.
Если вы удалите select2, вы увидите основные параметры выбора, которые я хотел бы отобразить сначала.
Пример при поиске ключевых слов:
optique возвращает:
string(38) "[{"id":3,"text":"Sciences physiques"}]"

chimie возвращает:
string(156) "[{"id":4,"text":"Sciences chimiques"},{"id":5,"text":"Sciences de la Terre et sciences connexes de l'environnement"},{"id":6,"text":"Sciences biologiques"}]"

Мне нужна помощь, чтобы отобразить JSON обратно в диалоговое окно выбора.
Спасибо.
поиск по скриншотам
Я только что встроил сюда HTML-код (JS, CSS находятся в zip-файле выше)







Test Discipline

















Discipline * (*)

 Sciences exactes et naturelles1.1 - Mathématiques1.2 - Informatique et science de l'information1.3 - Sciences physiques1.4 - Sciences chimiques1.5 - Sciences de la Terre et sciences connexes de l'environnement1.6 - Sciences biologiques1.7 - Autres sciences naturellesSciences de l'ingénieur et technologiques2.1 - Génie civil2.2 - Génie électrique, électronique, ingénieurie informationnelle2.3 - Génie mécanique2.4 - Génie chimique2.5 - Génie des matériaux2.6 - Ingénierie médicale2.7 - Génie de l'environnement2.8 - Biotechnologie environnementale2.9 - Biotechnologie industrielle2.10 - Nanotechnologies2.11 - Autres domaines techniques et technologiquesSciences médicales3.1 - Médecine fondamentale3.2 - Médecine clinique3.3 - Sciences sanitaires3.4 - Biotechnologie médicale3.5 - Autres sciences médicalesSciences agricoles4.1 - Agriculture, sylviculture et pêche4.2 - Zootechnie et science laitière4.3 - Sciences vétérinaires4.4 - Biotechnologie agricole4.5 - Autres sciences agricolesSciences sociales5.1 - Psychologie5.2 - Économie et administration des entreprises5.3 - Sciences de l'éducation5.4 - Sociologie5.5 - Droit5.6 - Sciences politiques5.7 - Géographie sociale et économique5.8 - Médias et communication5.9 - Autres sciences socialesSciences humaines6.1 - Histoire et archéologie6.2 - Langues et littérature6.3 - Philosophie, morale et religion6.4 - Arts (arts, histoire de l'art, arts de la scène, musique)6.5 - Autres sciences humaines






$(document).ready(function () {
$(".js-discipline-data-ajax").select2({
width: "100%",
ajax: {
url: '/ajx/ajx_frascati_domaine.php',
dataType: "json",
type: "GET",
data: function (params) {
console.log(params);
return {
q: params.term, // search term
};
},
processResults: function (data) {
var arr = []
$.each(data, function (index, value) {
arr.push({
id: index,
text: value
})
})
return {
results: arr
};

},
cache: true
},
escapeMarkup: function (markup) { return markup; }
});
});






Подробнее здесь: https://stackoverflow.com/questions/527 ... lect2-ajax
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»