(Laravel) Поиск в реальном времени в предварительно выбранных данных базы данных

Question

Итак, у меня есть эта база данных с несколькими столбцами. Давайте предположим, что у меня есть представление , где я показываю некоторые предварительно извлеченные столбцы базы данных и отображаю их с foreach l oop внутри div .

То, что я хочу сделать, - это иметь возможность иметь панель поиска в том же представлении , которая будет обновлять содержимое div в в режиме реального времени (без нажатия клавиши ввода или Кнопка), чтобы показать только результаты, которые содержат мой поисковый запрос.

Есть предложения о том, как это сделать?

Большое спасибо.

Любая помощь приветствуется.

С уважением, Tia go

Answer 1

Вы можете сделать это

<input type="text" placeholder="type something ..." id="suggest" />


$(document).ready(function () {

    $("#suggest").autocomplete({
        delay: 100,
        source: function (request, response) {

            // Suggest URL
            var suggestURL = "https://suggestqueries.google.com/complete/search?client=chrome&q=%QUERY";
            suggestURL = suggestURL.replace('%QUERY', request.term);

            // JSONP Request
            $.ajax({
                method: 'GET',
                dataType: 'jsonp',
                jsonpCallback: 'jsonCallback',
                url: suggestURL
            })
            .success(function(data){
                response(data[1]);
            });
        }
    });

});

Answer 2

Вы можете использовать функцию keyup в Jquery, используя Ajax, тогда он покажет результат в реальном времени при нажатии клавиши

<input type="text" value="" id="dSuggest" />
$(document).ready(function() {
    $("#dSuggest").keyup(function() {
        var dInput = $(this).val();
        alert(dInput);

    });
});