我正在尝试使用AJAX制作搜索引擎。当我在搜索框中键入内容时,它什么也没做。当我检查元素并打开控制台时,它显示if (billingClient != null) {
billingClient.endConnection();
billingClient = null;
}
当我单击Sources时,它说无法在第19行上加载源代码。这是我的脚本:
script.js:19 GET http://localhost/var/www/html/pendaftaran-siswa/NaN 404 (Not Found)
是否有解决此问题的方法?对不起,我的英语不好
更新,现在变成这样:
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();
});
答案 0 :(得分:2)
也许
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);