Использование экспресс-запроса POST для составления списка - PullRequest
0 голосов
/ 26 января 2019

Я программирую веб-сервис, в котором можно искать видеоигры, а затем, нажав на правую, получить указанную информацию об этой игре.Я делаю все это, используя запросы fetch и GET для получения информации от стороннего API.Теперь я хотел бы иметь возможность создать список с запросом POST.Я хотел бы иметь возможность нажать кнопку и добавить в список конкретную информацию из просматриваемой игры.Это часть моего кода, которая получает информацию о конкретной игре:

let name = localStorage.getItem("name");
let id = localStorage.getItem("id");
let cover = localStorage.getItem("cover");
document.getElementById("title").innerText = name;
document.getElementById("header").innerText = name;
document.getElementById("cover").src = cover;

fetch("http://localhost:3000/games?search=" + id, {})
    .then((response) => {
        return response.json();
    })
    .then((response) => {
        if(response[0]["storyline"] != null) {
            document.getElementById("storyline").innerText = response[0]["storyline"]; 
        }
        document.getElementById("summary").innerText = response[0]["summary"];
        document.getElementById("total_rating").innerText = Math.round(response[0]["total_rating"]) + "/100";
        fetch("http://localhost:3000/genre?search=" + id, {})
            .then((response) => {
                return response.json();
            })
            .then((response) => {
                let GenreHelper = [];
                for(let n=0; n<=response.length; n++) {
                    GenreHelper[n]=response[n]["name"];
                    document.getElementById("genre").innerText = GenreHelper.toString();
                }
            });

Теперь я бы хотел нажать кнопку и отправить переменную имени и обложки на другой html-сайт, чтобы ямогу показать список.Я дал своей html-странице с конкретной информацией форму для запуска запроса POST:

<form id="form" action="/addtolist" method="POST">
    <button id="PostB" type="submit" name="name">Submit</button>
</form>

и установил переменные в своем файле Javascript:

document.getElementById("PostB").name = name;
document.getElementById("PostB").value = cover;

Я создал конечную точку длязапрос POST в моем файле app.js:

app.post('/addtolist',(req,res)=>{
    console.log(req.body);
});

и console.log дают мне object с именем и обложкой, но это та точка, в которой я застрял.Я не знаю, как передать переменную req.body другому html или другому js file, чтобы можно было отобразить его как list.Если я смогу заставить это работать, я, вероятно, просто сделаю запрос DELETE, чтобы снова выбрать избранных из списка, и это будет все функции, которые мне нужны.

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