将动态内容从 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 保存到文件中。