javascript - 将动态创建的行中的数据保存到数据库

Question

我正在使用 Codeigniter。我创建了一个包含不同列的表。我想在单击“+”按钮时动态创建行。现在我可以使用 jquery 创建行。我想将数据保存到数据库中。当我单击“+”按钮时，如何将每行的值保存到数据库？

Answer 1

您可以对此使用ajax请求。

首先，当您单击+按钮时，您可以放置​​输入字段，而不仅仅是每列中的文本。

<tr>
 <td><input id="field1" type="text" /></td>
 <td><input id="field2" type="text" /></td>
 <td><input id="field3" type="text" /></td>
 <td><button id="save"></button></td>
<tr>

之后，您可以将事件分配给button#save。单击时，它将从字段中获取所有输入，然后存储在变量中并调用 ajax 请求。您应该准备一段 php 代码来处理此请求。

$('#save').on('click', function() {
   var data = { 
       field1: $('input#field1').val(), 
       field2: $('input#field2').val(), 
       field3: $('input#field3').val()
   };

   // call ajax request
   $.post(url + '/controller/save', data, function(data) {
      console.log(data);
   }); 
} 

在您的 Controller 中，您应该具有处理请求的save方法。

public function save() {
    if($_POST) {
      // get input
      // call model to save data to db
    }
}

此处更新

您可以使用“保存”按钮来保存所有数据。

$('#save').click(function() {
    var data = $('input').serialize();

    $.post(url, data, function(data) {
       console.log(data);
    }); 
});

然后只需使用 print_r 或 var_dump 即可查看 Controller 中方法中发布的值。