Я программирую веб-сервис, в котором можно искать видеоигры, а затем, нажав на правую, получить указанную информацию об этой игре.Я делаю все это, используя запросы 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, чтобы снова выбрать избранных из списка, и это будет все функции, которые мне нужны.