Javascript 如何将AJAX请求与Vanilla JS结合使用并处理返回请求？

我有一个JavaScript方法，目的是从数据库获取请求，而我实际上没有JavaScript的基本背景。我的方法如下所示：

(function () {
    function contentLoaded () {    
        window.addEventListener('keyup', function (e) {
            if (e.keyCode === 13) {
                if(document.getElementById('isbn')){
                    var item = document.getElementById('isbn').value;
                    if(item !== ''){
                        if(window.location.href.includes('/account/create')){
                            var httpRequest = new XMLHttpRequest();
                            httpRequest.open('GET', "http://"+window.location.hostname+":"+window.location.port+"/book/search/"+item);
                            console.log(httpRequest.responseText);
                        }
                    }
                }
            }
        }, false);
    }
    window.addEventListener('DOMContentLoaded', contentLoaded, false); 
}());

---

如果我在浏览器上手动输入请求，它会给我一个JSON类型的数据，而我的日志控制台会给我一个空值。如何在方法中获取请求并对其进行处理？

httpRequest.addEventListener（'load'，function（）{console.log（this.responseText）}）

而您缺少

httpRequest.send（）请参见此处：使用
fetchapi-webapi
而不是所有
XMLHttpRequest
命令，使用
Fetch（“/book/search/+item”）。然后（res=>res.text（））。然后（res=>console.log（res））；