Question

我正在开发一个Web应用程序，其中数组的值通过一个HTML页面的JavaScript函数调用推送，并且需要从另一个HTML页面调用的另一个JavaScript函数访问相同的数组。

目前的代码是：

// BRICKLAYER
var bricklayer = document.querySelector('.bricklayer')
if (bricklayer) {
    new Bricklayer(bricklayer)
}

// MIXITUP
var mixer = mixitup('.container', {
    callbacks: {
        onMixEnd: function(state, futureState) {
            console.log('Sorting')
            bricklayer.redraw
        }
    }
})

第一个函数通过按钮单击调用，第二个函数在页面加载的不同页面上调用。

我遇到的问题是，当在另一个HTML页面上调用第二个函数getArrayValues（）时，先前推入数组“global_array”的值会消失。

解决此问题的最有效方法是什么？感谢。

Answer 1

您应该查看localStorage

window.localStorage.setItem("array", JSON.stringify(array)); // Saving
var cart = JSON.parse(window.localStorage.getItem("array")); // Retrieving

Answer 2

您可以使用localStorage在页面上添加项目并在第二页上加载。

localStorage.setItem("global_array", JSON.stringify(global_array));
localStorage.setItem("pushIntoArray", pushIntoArray + "");

在另一页上，你可以这样做：

window["global_array"] = eval("(" + localStorage.getItem("global_array") + ")");
window["pushIntoArray"] = eval(localStorage.getItem("pushIntoArray"));

但是，您需要加载第一页以确保第二页中存在您的设置。

JavaScript从不同的html页面访问相同的数组

2 个答案: