Uncaught TypeError: Не удалось выполнить 'appendChild' на 'Node': параметр 1 не относится к типу 'Node'.JAVASCRIPT - PullRequest
0 голосов
/ 04 декабря 2018

Идея состоит в том, что все, что будет найдено, вернет немного текста и изображения из отдельного API.Текст работает совершенно нормально, но изображение не появляется.

Полная ошибка сообщения:

Uncaught TypeError: Не удалось выполнить 'appendChild' на 'Node': параметр 1 не относится к типу 'Node'.в Jdata.records.forEach.item и в Array.forEach

 request.addEventListener("load", function() {


            if (request.status == 200) {
                var Jdata = request.response;
                Jdata.records.forEach(item => {

                    var results = document.getElementById("results");
                    var title = item.fields.title;
                    console.log(item.fields.title);

                    if (item.fields.hasOwnProperty('p_tag')) {
                        var fname = item.p_tag.substring(0,6);
                        var fid = item.fields.p_tag;
                        var image = `https://media.vam.ac.uk/media/thira/collection_images/${fname}/${fid}.jpg`;

                        var img2 = document.createElement('img');
                        img2.src = image;



                    }

                    else{

                    }

                    let h2 = document.createElement('h2');
                    h2.textContent = title;

                    results.appendChild(h2);
                    results.appendChild(img2);



                })



        } else {
            console.log("error: "+xhr.status);
        }

    });
    request.send();

1 Ответ

0 голосов
/ 06 декабря 2018

функция action () {

    var results = document.getElementById("results");
    results.textContent = "";
    console.log(results);
    var sbar = document.getElementById("searchi").value;
    console.log(sbar);


    var request = new XMLHttpRequest;
    var url = 'https://www.vam.ac.uk/api/json/museumobject/search?q='+sbar;
    request.open('GET', url, true);
    request.responseType ='json';

    console.log("button was clicked");


    request.addEventListener("load", function() {


        if (request.status == 200) {
            var Jdata = request.response;
            Jdata.records.forEach(item => {

                var results = document.getElementById("results");
                var title = item.fields.title;
                console.log(item.fields.title);

                if (item.fields.hasOwnProperty('p_tag')) {
                    var fname = item.p_tag.substring(0,6);
                    var fid = item.fields.p_tag;
                    var image = `https://media.vam.ac.uk/media/thira/collection_images/${fname}/${fid}.jpg`;

                    var img2 = document.createElement('img');
                    img2.src = image;



                }

                else{
                    console.log("error");


                }

                let h2 = document.createElement('h2');
                h2.textContent = title;

                results.appendChild(h2);
                results.appendChild(img2);



            })



        } else {
            console.log("error: "+xhr.status);
        }

    });
    request.send();
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...