将动态内容从jquery保存到文件？

Question

我有这个代码，当你按下按钮

时，在id容器的div里面创建一个div

jquery的

$(document).ready(function(){

  $("#add").click(function(){
      $('#container').append( $('<div>test</div>').addClass('div-color') );
  });

});

HTML

<div id="container">

</div>

如何将容器div和动态生成的数据保存在服务器上的文件中？例如，如果用户单击该按钮两次，我想将以下内容保存在服务器上的test.html文件中（容器div及其中的所有内容）。

<div id="container">
<div class="div-color">test</div>
<div class="div-color">test</div>
</div>

猜猜用javascript是不可能的，如果是这样的话，可以使用PHP。

Answer 1

尝试这样的事情

$.ajax({
  type: "POST",
  url: 'save.php',
  data: { content: $('#container').html() }
});

然后接收POST数据并用php保存到文件。