var text,
arr = [],
div,
input = document.querySelector('input');
input.addEventListener('keypress', () => {
const search = () => {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', true);
xhr.send();
xhr.onreadystatechange = () => {
if (xhr.readyState != 4) return;
arr = JSON.parse(xhr.responseText);
var previousDiv = document.querySelectorAll('div');
if (previousDiv) {
for (let i of previousDiv) {
i.remove();
}
}
if (arr) {
arr.forEach(i => {
if (i.includes(input.value)) {
var div = document.createElement('div');
div.innerHTML = i;
document.body.appendChild(div);
}
});
}
}
};
return search();
});
<input placeholder='Для поиска введите слово'>
Попытался реализовать вывод возможных результатов на основе введённой строки. Нужно ли при каждом изменении строки требовать у сервера передачи всех данных? В данном коде проверка осуществляется после загрузки абсолютно всех значений. Но что, если их будет много? Как запросить у сервера только то, что удовлетворяет условию?