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

brushbrushbrush спросил: 14 ноября 2017 в 05:47 в: jquery

Я пытаюсь создать новостной сайт, используя API-интерфейс Guardian, и выполнить поиск по этому API-интерфейсу, используя пользовательский ввод, чтобы получить атрибут webTitle для каждого соответствующего элемента. Я знаю, что простое добавление пользовательского ввода в вызов ajax было бы более простым способом выполнения этой задачи, но я ищу небольшую проблему, поэтому я решил, что могу назначить ответ ajax глобальному массиву и выполнить его, чтобы найти пользовательский ввод, но у меня возникли проблемы с итерацией по массиву.

Код для глобального массива и вызова ajax находится здесь;

var searchQuery=[];                           $.ajax({
                    url: 'https://content.guardianapis.com/search?&api-key=xxxx',
                    async: true,
                    dataType: "json",
                    success: function(data){
                        searchQuery.push(data);
                    }
                });

И это работает, когда выведенный на консоль, он показывает массив, заполненный всеми элементами в вызове ajax.

Мне просто интересно, как я могу взять этот массив, и с помощью JQuery перебрать его и проверить, есть ли какие-либо элементы содержать пользовательский ввод из текстового поля ввода, расположенного в моем приложении, предпочтительно при нажатии кнопки поиска, код которого находится здесь;

<div id="search">
                            <div class="input-group col-md-12">
                                <input type="text" class="search-query form-control" placeholder="Search" id= 'userSearch' <a href="#" data-toggle="popover" title="How To Search" data-content="Enter a Key Word and Receive News Stories Associated With It"></a>
                                <span class="input-group-btn">
                                    <button class="btn btn-primary mb1 bg-blue" type="button" id="submitSearch">
                                        <span class=" glyphicon glyphicon-search"></span>
                                    </button>
                                </span>
                            </div>
</div>

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

0 ответов