Javascript 复制div并在页面刷新后粘贴它

我正在制作一个网站，我需要每X秒刷新一次页面，以检查API中的新数据。 在页面上，我还有一个聊天区，由javascript和NodeJS控制，人们可以在这里聊天。每次我刷新页面时，聊天都会重置。

---

如何在页面重新加载后“复制”chatarea div并“粘贴”它？

您可以通过jQuery或Javascript保存内容，如下所示：

var text = $('.chatcontainer').text();

或

然后使用以下功能将其保存到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=/";
}

setCookie("chat",text,1);

并调用函数：

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=/";
}

setCookie("chat",text,1);

重新加载后，从cookie中获取它：

按名称获取Cookie的函数：

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 "";
}

或

---

请阅读。我强烈建议使用事件源，而不是重新加载或使用ajax。

您是否必须像“真的刷新”中那样刷新？ 因为我的解决方案可以使用伪刷新： 您可以尝试使用以下命令向页面添加表单：

action="same-old-url"
method="POST"

然后，提交表单并将聊天室的html内容插入POST数据，而不是刷新。然后每次阅读帖子数据，如果你有一些html添加到你的聊天

---

不是真正的刷新，但效果是相似的：页面被重新加载，但从技术上讲，它更像是一个重定向。

为什么不使用ajax检查新数据而不是页面刷新？或者使用聊天文本设置cookie变量我必须刷新。您的方法首先是错误的……请检查我更新的答案。它应该可以工作这不会工作，javascript和jquery变量会在页面刷新时重置。你在开玩笑吧？在页面刷新之后，整个脚本将被重新加载，以便作为变量和其他代码！你只需要在保存文本后做一些请求或其他事情来保存它。我不想在保存、重新加载和设置…完成后就这么做。你们太好斗了，请冷静一点。

action="same-old-url"
method="POST"