將數據從表格單元發送到數據庫

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); 

     });