如何在页面刷新后保留 JQuery 追加的值

Question

如何在页面刷新后保留JQuery附加值？但是，每次我刷新页面时，任何 .append（） 都会消失。

jQuery(document).ready(function(){
jQuery(window).load(function() { 
var amt1 = jQuery("form.cart_group").find(".component.paged:eq(0)").find("span.woocommerce-Price-amount.amount").text();
var single_amt = amt1.split("Rs.");
var amount1 = single_amt[1];
 jQuery(".widget_shopping_cart_content li.mini_cart_item").append("<div>Domain: Rs."+amount1+"</div><br/>"); 
});
});

Answer 1

您的问题几乎没有解决方案。我会使用饼干或本地存储）

• 需要数据库的服务器端支持
• 一个饼干（使用这个非常容易）
• 生成的页面（可以缓存）
• 通过 ajax 查询获取页面"更改"

在本地保存内容的最简单方法是使用 HTML5 LocalStorage。

您可以将数据保存到对象：

var prefs = {
    div1: {
        text: 'something',
        class: 'test',
        parent: '#left'
    },
    div2: {...},
    ...
}

然后将此对象保存到本地存储：

localStorage.savedPrefs = JSON.stringify(prefs);

页面加载时，检查此对象并采取相应的操作：

if ('savedPrefs' in localStorage) {
    prefs = JSON.parse(localStorage.savedPrefs);
    // change page based on prefs
    // e.g. alert('div1 text: ' + prefs.div1.text);
}

Answer 2

使用localStorage在页面刷新时存储和检索数据

jQuery(document).ready(function(){
jQuery(window).load(function() { 
    var amountStored;
    var amt1 = jQuery("form.cart_group").find(".component.paged:eq(0)").find("span.woocommerce-Price-amount.amount").text();
    var single_amt = amt1.split("Rs.");
    var amount1 = single_amt[1];
    if(!localStorage.getItem("amount")){
        localStorage.setItem("amount",amount1)
    }
    else{
        amountStored = 0;
    }
    var amountStored = localStorage.getItem("amount")
    jQuery(".widget_shopping_cart_content li.mini_cart_item").append("<div>Domain: Rs."+amountStored+"</div><br/>"); 
});

}）;

http://www.w3schools.com/html/html5_webstorage.asp

Answer 3

您可以通过这种方式将项目添加到本地存储

var value = "YOUR APPEND STRING";
localStorage.setItem("YourData" , value);

稍后当您将来重新加载页面时，请通过以下方式获取它

var data=localStorage.getItem("GetData");