Я как раз над этим работаю сейчас.
Я покажу как у меня работает, уже там сам себе подставишь если поможет.
У меня есть страница где есть новости и при клике нужно показать эту новость. Я работаю с JSON.
У меня заранее есть страница одной новости куда я буду далее генерировать данные.
const url = API_URL;
fetch(url)
.then(response => response.json())
.then(data => {
for (var i = 0; i < data.results.length; i++) {
var newpubdate = data.results[i].pub_date;
newpubdate = newpubdate.replace('T',' ');
var newsid = data.results[i].id;
var newsdescription = data.results[i].content_ru;
var newsbackground = data.results[i].image;
$('.news__wrapper > .container > .row > .col-md-12:first-child').after('код новости');
}
$('.news-item-banner-link').click(function(event) {
var myfirstDate = $(this).attr('id');
var firstdata = myfirstDate;
var myData = firstdata;
localStorage.setItem( 'objectToPass', myData );
});
})
// при клике на ссылку(в моем случае это так) мы определяем ID этой новости.(ID новости я в цикле заранее вставляю в ссылку) далее мы сохраняем это в Локалсторейдж и переходим на следующую страницу.
(вот сама ссылка
Читати, типо дальше мы переходим на дэфолтную страницу html)
Уже на странице одной новости мы делаем вот что
var myData = localStorage['objectToPass'];
var firstData = myData;
const url = API_URL + firstData;
fetch(url)
.then(response => response.json())
.then(data => {
$('.news-title__box').html(data.title);
$('.news-item-content__box > p').html(data.content_ru)
$(".news-item-img__box > img").attr('src', data.image)
});
Передаем ID-новости с которой мы пришли и вставляем в следующий АПИ запрос и получаем данные и думаю все понятно дальше.
