问保存聊天框消息，即使刷新
EN

Stack Overflow用户

提问于 2020-09-08 21:13:46

回答 1查看 73关注 0票数 1

我创建了这个聊天室，但我不知道它为什么不保存您提交的内容。所以每次我刷新我的页面，都会很清楚。

<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  </head>
  <body>  
    <div class="info">
      <label for="example">Enter Text
      </label>
      <input id="example" type="text"
             name="Ntext" size="20">
      <input id="sent" type="submit"  
             value="Send"> 
  </div>
    <p id="para">      
    </p>
  </body>
  <script>
    window.onclick = function(e)
    {   var id =  e.target.id;   
     if (id === 'sent')  
     { var txt = document.getElementById('example').value    
       $( "#para" ).empty().append( txt );
     }
    }
  </script>
</html>

我可以或者必须添加一个保存按钮吗？

javascript

chat

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-08 21:27:33

DOM中的任何数据(例如您正在使用.append()添加的数据)基本上都是短暂的，在刷新之后将不会停留在DOM中，除非您自己构建了一些存储方法并将其加载到DOM中。一般来说，这看起来像是某种服务器端的数据库，通过您编写的API连接到应用程序。持久性的另一个选项是使用localStorage (docs 这里)。

不过，我建议不要对任何真正重要的数据使用localStorage，因为它实际上将数据保存在用户的浏览器中，因此并不特别安全，也没有提供任何跨设备持久性。但如果这只是一个玩具项目，你想看到一些数据在刷新后，它可以为你做到这一点。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63801649

复制

相似问题

问保存聊天框消息，即使刷新
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问保存聊天框消息，即使刷新EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问保存聊天框消息，即使刷新
EN