Home / Questions / 59243
Accepted
Lorthas
Asked: 2020-03-31 10:26:33 +0800 CST 2020-03-31 10:26:33 +0800 CST

在Javascript中在同一页面的加载之间或跨不同页面的变量中持久保存值？[关闭]

  • 772

由于不建议全局保存变量，如何在多次加载同一页面或转到其他页面时将变量中的值保存在持久维护并且变量没有被删除？

例如，我在一个模块中存储了一个私有变量，我想在其中保存或缓存一些值以供以后使用。

            const mod = (function() {

                let privada = "foo";

                return {
                    v: "hola",
                    f: () => {
                        console.log(mod.v);
                        console.log(privada);
                        v = "mundo";
                        privada = "bar";
                    }
                };

            }());

            mod.f();

这是一个非常简单的示例，但是在重新加载页面时，变量已重新初始化。

如果可能的话，能够以私有和持久的方式保存变量的最佳方法是什么？如果不能私下做，至少让我坚持保存？

javascript

1 Answers

  1. Best Answer

    使用本地存储，它会是这样的：

    注意：在这里不起作用......在这个编辑器中，但你可以试试这个例子

    /*Igualando la variable con el valor de la caja de texto y guardándola en localStorage*/
var key = "Nombre";
//localStorage["Nombre"] = "algo";
localStorage.setItem(key, "algo");
$("#mostrar").click(function(){
  //Las dos formas son validas, es mas recomendable la segunda
  //$("#info").text(localStorage["Nombre"]);//Version 1
  $("#info").text(localStorage.getItem(key));//Version 2
  
localStorage.setItem(key, data);
});

$("#save").click(function(){
  //localStorage["Nombre"] = $("#nombre").val();//Version 1
  localStorage.setItem(key, data);//Version 2
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="nombre"/>

<br>
<button id="save">Guardar Local Storage</button>

<br>
<br>
<button id="mostrar">Consultar Local Storage</button>
<br>
<div id="info"></div>

    使用 cookie 的示例：

    function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

var key = "Nombre";

$("#save").click(function(){
  var nombre = $("#nombre").val();
  setCookie(key,nombre,1);//Cookie durará 1 dia
});


$("#mostrar").click(function(){
  $("#nombre").val(getCookie(key));
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="nombre"/>

<br>
<button id="save">Guardar Cookie</button>

<br>
<br>
<button id="mostrar">Consultar Cookie</button>
<br>
<div id="info"></div>

    在此处查看示例

    • 1