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

Question

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

Answer 1

只是听一个（延迟的）keyup事件并捕获jQuery.text（）。捕获文本字符串后，通过ajax，viola将csrf_token发送到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);

        });