var search = document.getElementById('search');
search.addEventListener('input', function () {
setTimeout(()=>{
var searchval = document.getElementById('search').value;
setTimeout(()=>{
var xhr = new XMLHttpRequest();
console.log(xhr);
xhr.onreadystatechange = function(){
if (this.readyState == 4 && this.status == 200) {
document.getElementById('tbl').innerHTML = this.responseText;
console.log('xhr');
console.log(this.readyState + 'readyState');
console.log(this.status + 'status');
}
}
xhr.open("GET", "002_table.php?search=" + searchval, true);
xhr.send();
},1000);
},2000);
});У вас ошибка в форматировании, из 002_table.php уберите весь HTML, кроме .... А из самого 002.php уберите форму, она только навредит.
Ещё, на каждое изменение input[name=search] будет следовать AJAX-запрос. Конечно можно плюнуть и проигнорировать, а можно сделать задержку в доли секунды, вдруг прийдёт ещё одно нажатие клавиши...
xhr.send();setTimeout(()=>{xhr.send();},2000);
сейчас он заявит, что все тут дураки
Зайти в браузерный DevTools на вкладку "Network" и осмыслить отображенное там - очевидно ниже его достоинства.
то есть моя задача как куратора не решить проблему за вас, а дать вам понимание что вы делаете не так и как это исправить своими силами.
КОД ВЫВОДЯТ ВЫШЕ ХТМЛ,
1.сервер мне уже вернул нужную таблицу, его нужно видеть в инспекторе документа в разделе "Network"
То же самое написал вам, то что вы поленились посмотреть как работает аякс - чисто ваш косяк. Что делать вам тут сорок раз рассказали. 2 секунды загуглить получить ответ xhr, сложно? Если да - бросайте нафиг программирование, поиск информации и изучение документации - 90% времени начинающего программиста.
технический совет и истеричные высказывания
<textarea name="test" id="test"></textarea>if (this.readyState == 4 && this.status == 200) {
document.getElementById("test").innerHTML = xhr.responseText;
console.log('xhr');
console.log(this.readyState + 'readyState');
console.log(this.status + 'status');
}document.getElementById("test").innerHTML = xhr.responseText;
и такое же туманное (и очевидно неверное) описание "проблемы"
<input id="search" type="text" name="search" autocomplete="off" placeholder="Поиск..."><input id="search" type="text" name="search" autocomplete="off" placeholder="Поиск...">