如何處理保存事件在JS文件中的模態對話框

Question

，我有一個功能，彈出模態對話框：

$(".edit-task").click(function() { 
     $("#myModal").modal()(
      { 
       backdrop:true, 
       keyboard:false, 
      }); 


    }); 

然後在對話框顯示有兩個按鈕和一個文本區域：

<textarea id="form-field-task-content" class="autosize-transition form-control" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 52px; color: black">Test1</textarea> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 

我想獲取文本然後保存，那麼我可以用兩個按鈕做些什麼？

$(".btn btn-primary").click(function(){}); 

Answer 1

製作一個表格。將按鈕類型更改爲「提交」。並使用Jquery Ajax將您的數據發佈到服務器。並且從服務器端將數據存儲在數據庫中。

事情是這樣的：

<form id = "form"> 
<textarea id="form-field-task-content" class="autosize-transition form-control" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 52px; color: black">Test1</textarea> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="submit" class="btn btn-primary">Save changes</button> 

</form> 

現在使用jQuery來發表您的數據。例如：Sample

Answer 2

$(".btn btn-primary").click(function(){ 

$.ajax({ 
url: "wherever.php", 
data: "data="+$('#form-field-task-content').val(), 
success: function(result){ 
alert("You posted to wherever.php"); 
} 
}); 

wherever.php

「保存」 的數據。