使用jquery保存动态添加的内容

时间：2014-12-15 04:31:46

标签： javascript jquery

我使用jquery动态添加了多个元素。现在我要保存该页面，这样如果我重新加载该页面，一切都应该在那里。我该怎么做？

HTML代码

<body>
   <button id="add_div" >Add Div</button> 
   <button id="add_button">Add Button</button>
</body>

Jquery代码

$(document).ready(function(){
    // Add div function
    $("#add_div").click(function () {
  var p= $("body").append(
  '<div class="module_holder">Hello there</div>');
  $(".module_holder").draggable().resizable().css( "background-color","red");

});

  // Add Button function
      $('#add_button').on('click',function(){
        var r= $('<input type="button" value="new button"/>');
        $("body").append(r);
    });

});

1 个答案:

答案 0 :(得分：2)

解决方案1

您必须使用localstorage，如果您的网站可以从多个浏览器访问，那么您可以使用通用的jaydata库来使用本地存储

解决方案2

您必须使用服务器端技术（如ASP.NET或PHP或JSP）将数据保存在任何服务器上，并且可以使用AJAX检索页面加载时的信息。如果服务器端存储的内容超过了您必须加载页面的内容，如果没有任何内容，则表示您只需加载两个按钮。