将数据从表格单元发送到数据库

Question

我正在尝试使用可编辑表格来更新数据库而不使用表格。我的 <td>标记具有contenteditable属性，因此可以编辑表格单元格。我的问题是我使用Codeigniter，不知道如何将表格单元格数据发送到我的控制器来更新数据库。只是想知道有没有人遇到过同样的问题。

Answer 1

只听一个（延迟）的keyup事件并捕获jQuery.text（）。一旦你捕捉到文本字符串，通过你的csrf_token通过ajax，viola发送到你的codeigniter控制器。

这应该工作正常（jQuery的），我已经没有测试头脑

$(function(){ 

     var tbl = $("table"), 
      tblTd = tbl.find("td"), 
      timeout = ''; 

     tblTd.bind('keyup', function(){ 

       var td = $(this); 

       if(timeout) { 
        clearTimeout(timeout); 
        timeout = null; 
       } 

       timeout = setTimeout(function() { 

        var txt = td.text(); 
            td.attr('disabled', 'disabled'); 
        console.log(txt); 
        console.log(typeof txt); 

            //validation then do ajax 

       }, 1000); 

     });