html - 页面刷新后在div中保存数据

Question

我正在创建一个搜索栏，用户可以在其中选择在搜索栏中创建芯片的参数。该筹码将针对类名称为“筹码”的 div 中的每个选择动态创建。提交选择后，页面将根据选择进行重定向。由于芯片是动态创建的，它们将在页面重新加载时被删除。我的问题:有没有办法在页面刷新后存储这些动态数据而不删除它？

  <div class="chips" id="createdChips" >
         <span> class ='someclass' </span>
         <span> class ='someclass' </span>          
  </div>

Answer 1

您可以将动态创建的数据存储在 cookie 或 session 存储中。当你的页面加载时，搜索上面的存储中是否有数据存储，并根据数据绘制筹码。