LocalStorage按鈕和列表

Question

我很新的Javascript。

我需要在多個產品頁面上添加「收藏夾/從收藏夾中刪除」功能。該函數將保存產品ID並將其放入數組中。

然後，我需要編寫一個頁面，從LocalStorage中檢索所有產品ID，以便使用MYSQL選擇來顯示它們。

我已經覆蓋了MYSQL的部分，但你能幫我一下Javascript嗎？

謝謝。

Answer 1

例如，你可以聲明IDS

var favourites = new Array(); 

的陣列，然後在你的代碼，你應該將項目添加到這個陣列

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

在年底將其保存到localStorage的（字符串化數組JSON，您必須將字符串存儲在LocalStorage中）

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

在您執行SQL查詢的頁面上，您可以ñ得到從localStorage的（JSON解析讓您得到原始數組）

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

Answer 2

由於保存的ID，這是我跟...

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)); 

} 


}