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

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在控制器中的方法中查看发布的值即可。