將動態內容從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到文件。