Javascript и Ajax отображают изображение

Question

Я использую ajax для загрузки данных и пытаюсь отобразить изображение с помощью javascript.Однако изображение не отображается, я не уверен, что я делаю неправильно.Мне нужна рука

URL="testurl";
function getdata() {
    let xhr = new XMLHttpRequest();
    let image = document.getElementById("image");
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            console.log(xhr.responseText);
            var data = JSON.parse(xhr.responseText);
             var img = data.image;
              image.innerHTML += '<img src="' + img + '">';


}

    xhr.open('GET', URL);
    xhr.send();
}

Из console.log (data.image);это показывает, что изображение было загружено, но это просто не будет отображаться на

image.innerHTML += '<img src="' + img + '">';

Answer 1

image.src = data.image;

Вы не устанавливаете URL источника изображения, используя свойство .innerHTML.Используйте .src

Для устранения глупых замечаний, если image равно , а не , относящемуся к тегу <img>, вам, вероятно, следует переработать HTML так, чтобы он был.Нет никакой реальной причины добавлять innerHTML, который нужно анализировать, когда вы можете просто напрямую манипулировать свойствами в объектах DOM.Удачного кодирования!