如果在jquery中进行页面刷新，如何保存追加项？_Jquery

如果在jquery中进行页面刷新，如何保存追加项？

jquery

如果在jquery中进行页面刷新，如何保存追加项？,jquery,Jquery,我想附加几行html，如果我们进行页面刷新，这一行仍然保持不变我怎么能这么做代码是： <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function () { $(

我想附加几行html，如果我们进行页面刷新，这一行仍然保持不变

我怎么能这么做

代码是：

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
    $(document).ready(function () {
        $("#btn2").click(function () {
            $("ol").append("<li>Appended item</li>");
        });
    });
</script>
</head>
<body>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn2">Append list item</button>
</body>
</html>


$（文档）.ready（函数（）{
$（“#btn2”）。单击（函数（）{
$（“ol”）。附加（附加项）；
});
});
这是另一段
清单项目1
清单项目2
清单项目3
附加列表项

使用

HTML5的网络存储
，如：
    $(document).ready(function () {
    $("#btn2").click(function () {
    $("ol").append("<li>Appended item</li>");
        if (localStorage.appendedItem)
        {
            localStorage.appendedItem+='<li>New Appended item</li>';
        }
        else
        {
            localStorage.appendedItem='<li>Appended item</li>';
        }

    });
});

$（文档）.ready（函数（）{
$（“#btn2”）。单击（函数（）{
$（“ol”）。附加（附加项）；
if（localStorage.appendedItem）
{
localStorage.appendedItem+='
新附加项'；
}
其他的
{
localStorage.appendedItem='追加项'；
}
});
});

该url将帮助您了解有关web存储的更多信息
使用HTML5的web存储
，如：
    $(document).ready(function () {
    $("#btn2").click(function () {
    $("ol").append("<li>Appended item</li>");
        if (localStorage.appendedItem)
        {
            localStorage.appendedItem+='<li>New Appended item</li>';
        }
        else
        {
            localStorage.appendedItem='<li>Appended item</li>';
        }

    });
});

$（文档）.ready（函数（）{
$（“#btn2”）。单击（函数（）{
$（“ol”）。附加（附加项）；
if（localStorage.appendedItem）
{
localStorage.appendedItem+='
新附加项'；
}
其他的
{
localStorage.appendedItem='追加项'；
}
});
});

url将帮助您了解有关web存储的更多信息
您可能需要将添加的项目保存在浏览器cookie中，并在加载页面后再次附加这些项目。参考插件
请参阅中的示例，了解如何在您的案例中使用cookie
<p>This is another paragraph.</p>
<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ol>
<button id="btn2">Append list item</button>
<button id="btn3">Clear Cookies</button>
<button id="btn4">Show Cookies</button>

这是另一段
清单项目1
清单项目2
清单项目3
附加列表项
清除Cookies
展示饼干

还有js
$(document).ready(function () {
    $("ol").append($.cookie("listItem"));
    $("#btn2").click(function () {
        var newLi = $("<li class='new'>Appended item</li>").appendTo("ol");
        $.cookie("listItem", (($.cookie("listItem") ? $.cookie("listItem") : '') + newLi.clone().wrap('<div />').parent().html()));
    });
    $("#btn3").click(function () {{
        $("li.new ol").remove();
        $.removeCookie('listItem');
    });
    $("#btn4").click(function () 
        alert($.cookie("listItem"));
    });
});

$（文档）.ready（函数（）{
$（“ol”）.append（$.cookie（“listItem”）；
$（“#btn2”）。单击（函数（）{
var newLi=$（“附加项”）。附加到（“ol”）；
$.cookie（“listItem”），（（$.cookie（“listItem”）？$.cookie（“listItem”）：“”）+newLi.clone（）.wrap（“”）.parent（）.html（））；
});
$（“#btn3”）。单击（函数（）{{
$（“li.new ol”）.remove（）；
$.removeCookie（'listItem'）；
});
$（“#btn4”）。单击（函数（）
警报（$.cookie（“listItem”）；
});
});
您可能需要将添加的项目保存在浏览器cookie中，并在加载页面后再次附加这些项目。参考插件
请参阅中的示例，了解如何在您的案例中使用cookie
<p>This is another paragraph.</p>
<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ol>
<button id="btn2">Append list item</button>
<button id="btn3">Clear Cookies</button>
<button id="btn4">Show Cookies</button>

这是另一段
清单项目1
清单项目2
清单项目3
附加列表项
清除Cookies
展示饼干

还有js
$(document).ready(function () {
    $("ol").append($.cookie("listItem"));
    $("#btn2").click(function () {
        var newLi = $("<li class='new'>Appended item</li>").appendTo("ol");
        $.cookie("listItem", (($.cookie("listItem") ? $.cookie("listItem") : '') + newLi.clone().wrap('<div />').parent().html()));
    });
    $("#btn3").click(function () {{
        $("li.new ol").remove();
        $.removeCookie('listItem');
    });
    $("#btn4").click(function () 
        alert($.cookie("listItem"));
    });
});

$（文档）.ready（函数（）{
$（“ol”）.append（$.cookie（“listItem”）；
$（“#btn2”）。单击（函数（）{
var newLi=$（“附加项”）。附加到（“ol”）；
$.cookie（“listItem”），（（$.cookie（“listItem”）？$.cookie（“listItem”）：“”）+newLi.clone（）.wrap（“”）.parent（）.html（））；
});
$（“#btn3”）。单击（函数（）{{
$（“li.new ol”）.remove（）；
$.removeCookie（'listItem'）；
});
$（“#btn4”）。单击（函数（）
警报（$.cookie（“listItem”）；
});
});
您可能需要将添加的项目保存在浏览器cookie中，并在加载页面后再次附加这些项目。参考plugin.cannot we use session？我认为最好使用带有javascript的cookie，您可以将其保存在服务器端的会话中，然后…使用javascript，浏览器cookie会更好…如果您使用cookie，则不需要将元素发送到服务器以在会话中获取它们。另一方面，我通常也不会在客户端使用cookies。。。所以，这取决于您的选择。您可能需要将添加的项目保存在浏览器cookie中，并在加载页面后再次附加这些项目。参考plugin.cannot we use session？我认为最好使用带有javascript的cookie，您可以将其保存在服务器端的会话中，然后…使用javascript，浏览器cookie会更好…如果您使用cookie，则不需要将元素发送到服务器以在会话中获取它们。另一方面，我通常也不会在客户端使用cookies。。。如果w3schools
是一个错误的选择
，那么你在google
上搜索后会有很多选择，比如如果w3schools
是一个错误的选择
那么你在google
上搜索后会有很多选择