LocalStorage button & list

Question

Я довольно новичок в Javascript.

Мне нужна функция «Добавить в избранное/удалить из избранного» на нескольких страницах с товарами. Функция сохранит идентификатор продукта и поместит его в массив.

И вот, мне нужно написать страницу, которая извлекает все идентификаторы продуктов из LocalStorage, чтобы отображать их с выбором MYSQL.

У меня есть часть MYSQL, но можете ли вы мне немного помочь с Javascript?

Спасибо.

Answer 1

Например, вы можете объявить массив идентификаторов

var favourites = new Array(); 

то в вашем коде, вы должны добавлять элементы в массив

favourites.push('file1_id') 
favourites.push('file2_id') 

В конце сохранить его LocalStorage (stringify массив JSON, вам необходимо сохранить строки в LocalStorage)

localStorage.setItem('favourites', JSON.stringify(favourites)) 

На странице, где выполняется SQL-запрос, п спасаются идентификаторами из LocalStorage (разобрать JSON, так что вы получите исходный массив)

JSON.parse(localStorage.getItem('favourites')) 

Answer 2

Спасибо, это то, что я закончил ...

var abbeysList = JSON.parse(localStorage.getItem('abbeys')); 
var index = abbeysList.indexOf(<?php echo $id; ?>); 
var favs = document.getElementById("favs"); 
document.getElementById("favs").onclick = function() {changeClass()}; 
if (index>-1) { 

favs.className += " active";  
}   

if (index == -1) { 

favs.className += " inactive"; 


} 

function changeClass() { 

if(document.getElementById('favs').classList.contains("inactive")) { 

document.getElementById("favs").className = "active"; 
abbeysList.push(<?php echo $id; ?>); 
localStorage.setItem('abbeys', JSON.stringify(abbeysList)); 

}else { 

document.getElementById("favs").className = "inactive"; 
abbeysList.splice(index, 1); 
localStorage.setItem('abbeys', JSON.stringify(abbeysList)); 

} 


}