[英]How to store fetch data into a global variable that you can access later?
我在下面有這段代碼,它提取了所有一種特定的產品類型,並且該數組包含我想在不同的 function 中使用的數據。 我將如何 go 將獲取的數據存儲到一個我可以拉入不同函數的變量中(我需要添加一個點擊事件和過濾器以在其他地方顯示來自該數組的其他信息)
const displayProduct = (event) => {
const info =document.getElementById('info')
const ul = document.getElementById('makeup-list')
ul.innerHTML = " "
fetch( `https://makeup-api.herokuapp.com/api/v1/products.json/?product_type=${event.target.value}`)
.then(res => res.json())
//iterate
.then(data => {
data.forEach(data => {
info.innerHTML +=
` <li><a href="#" data-id=>${data.name}</a></li>`
})
您可以使用 localStorage - https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
保存在本地存儲中:
ul.innerHTML = " "
fetch( `https://makeup-api.herokuapp.com/api/v1/products.json/?product_type=${event.target.value}`)
.then(res => res.json())
//iterate
.then(data => {
localStorage.setItem('myData', data);
....
}
在另一個函數中獲取數據:
const data = localStorage.getItem('myData');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.