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

您的问题解决方案很少。（我会使用cookie或本地存储）

数据库要求服务器端支持
一个cookie（这个很容易使用）
生成的页面（可以缓存）
通过ajax查询获取页面“更改”

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

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

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

然后将此对象保存到 localStorage ：

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

您可以通过这种方式将项目添加到localstorage

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

稍后当您重新加载页面时，请使用以下

获取该页面

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

如何在页面刷新后保留JQuery附加值？

3 个答案: