Результат консоли AJAX NaN 404 Не найдено

Question

Я пытаюсь сделать поисковик с AJAX. Когда я печатаю в поле поиска, он ничего не делает Когда я проверяю элемент и открываю консоль, он говорит: script.js:19 GET http://localhost/var/www/html/pendaftaran-siswa/NaN 404 (Not Found)

Когда я нажимаю «Источники», он говорит, что не смог загрузить источники в строке 19. Вот мой сценарий:

var keyword =  document.getElementById('keyword');
var searchButton = document.getElementById('search-button');
var container = document.getElementById('container');

keyword.addEventListener('keyup', function(e) {
const src = e.target.value


    var xhr = new XMLHttpRequest()

    xhr.onreadystatechange = function() {
        if( xhr.readyState == 4 && xhr.status == 200) {
            container.innerHTML = xhr.responseText;


        }
    }

    xhr.open('GET', 'ajax/mahasiswa.php?keyword=' + keyword.value, true);
    xhr.send();
});

Есть ли решение этой проблемы? Извините за мой плохой английский

ОБНОВЛЕНИЕ, теперь это выглядит так:

Fatal error: Uncaught Error: Call to undefined function query() in S:\xampp\htdocs\var\www\html\pendaftaran-siswa\ajax\mahasiswa.php:11 Stack trace: #0 {main} thrown in S:\xampp\htdocs\var\www\html\pendaftaran-siswa\ajax\mahasiswa.php on line 11

Answer 1

возможно

xhr.open('GET', 'ajax/mahasiswa.php?keyword=' * keyword.value, true);

должно быть

xhr.open('GET', 'ajax/mahasiswa.php?keyword=' + keyword.value, true);

для дальнейшей отладки:

console.log('ajax/mahasiswa.php?keyword=', keyword.value);