时间戳

首页 > 解决方案 > 即使您刷新也保存聊天框消息

javascript - 即使您刷新也保存聊天框消息

问题描述

我创建了这个聊天框，但我不知道为什么它不保存您提交的内容。所以每次我刷新我的页面时，一切都会变得清晰。

<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>

我可以或是否必须添加保存按钮？

标签： javascriptchat

解决方案

DOM 中的任何数据（例如您使用 添加的数据.append()）基本上都是短暂的，并且在刷新后永远不会保留，除非您自己构建了一些方法来将其存储并加载到 DOM 中。通常，这看起来像是某种服务器端数据库，您可以通过您编写的 API 将其连接到您的应用程序。持久性的另一个选择是使用（此处localStorage的文档）。

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

推荐阅读