Отправляйте данные сразу, чтобы просмотреть или просмотреть удаленные данные с помощью ajax в select2

Question

Я работаю в большом проекте, у него много форм, а у форм много элементов.

Гендерный регистр имеет только 4 варианта, затем я устанавливаю его следующим образом: (Я отправляю все свои значения сразу на просмотр)
$('#gender').select2();
Клиентский кейс имеет параметры 993324, затем я установил его следующим образом: (обратитесь к удаленным данным через ajax)
$('#client').select2({ ajax: { url: 'url/to/myclients', dataType: 'json' ... } });

У меня есть другие объекты, у которых есть 100, 300, 5000, 10000, 50000 ... и я не знаю, отправляете ли вы все данные в мое представление или обращаетесь к удаленным данным с помощью ajax?

Каким будет правильный способ работы? чтобы не замедлять просмотр или затруднять его использование.

Answer 1

Право состоит в том, чтобы не заполнять выборки всеми возможными ответами , вместо этого оставить их пустыми и извлекать ответы с помощью ajax, когда пользователь вводит данные в поиске ввод .

Например, клиенты select2 загружают его пустым, когда пользователь начинает вводить в поиске select2 (onChange), выполняет ajax-вызов, который отправляет это входное значение на сервер, и сервер запрашивает базу данных для возможных строк который имеет значение ввода и возвращает json, затем вы заполняете select2.

Вы можете поиграть с тем, сколько раз или когда срабатывает выборка ajax, например, срабатывает только тогда, когда пользователь написал более 3 символов , подождите несколько секунд между запросами и т. Д.

Вы также можете установить ограничение для запроса к серверу , поэтому, даже если они вводят общее имя, например, Джон, он возвращает только значения X, а не все тысячи клиентов с именем Джона. .