Поиск в базе данных php ajax в реальном времени или один запрос, который получает все результаты для поиска

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

Мне было любопытно, что лучше и почему ..

Опция 1:

Использование php + ajax для поиска через onkeyup окна поиска. Это будет поиск в реальном времени по поднятому ключу, который будет запрашивать базу данных каждый раз, когда ключ поднимается. Скорее всего, я бы подошел к этому с помощью WHERE CustomerName LIKE '%blah blah%'База данных клиентов может в какой-то момент стать действительно большой ... просто хотела добавить это. Насколько велика? Что ж, это дело компании.

ИЛИ ЖЕ

вариант 2:

Идем дальше и обзваниваем всех клиентов с помощью одного запроса, и все они заносятся в список на веб-сайте. Когда сотрудник вводит текст в поле поиска, предварительно заполненный список фильтруется. Опять же, база клиентов может стать довольно большой.

В любом случае, нужно перебирать много данных. Мне нужно сохранить этот метод стиля «onkeyup» без использования кнопки «поиск».

ЕСЛИ есть способ получше, расскажите, пожалуйста, и об этом.

Я уже закодировал ту часть, где он предварительно заполняет список, и посмотрел на опцию ajax; однако меня беспокоит производительность, когда список клиентов начинает расти. Итак, вот где возникает этот вопрос. Этот пост не для того, чтобы получить конкретный код, просто хочу узнать, как лучше всего подойти к этому проекту, а также к будущим проектам, подобным этому.

Я продолжу и опубликую код, который я сейчас использую для фильтрации предварительно заполненных данных только для записи ...

$(".searchbox").on('keyup', function () {
                if ($(this).val() != '') {
                    search(this);
                }
                else {
                    $(".data").show();
                    $.each($(".searchbox"), function () {
                        if ($(this).val() != '') {
                            $(this).keyup();
                        }
                    });
                }
            });

            function search(ele) {
                var val = $(ele).val() || '';
                if (val == '')
                    return;

                var dataclass = $(ele).attr('data-class');
                var SearchInText = '';
                $.each($(".data:visible"), function () {
                    SearchInText = $(this).find("td." + dataclass).text();
                    if (SearchInText.indexOf(val) == -1)
                        $(this).hide();
                });
            }