将用户在jQuery Handsontable中输入的数据上传回Server以保存到数据库的最佳方法是什么?

现有的onChange回调似乎非常冗长,无法使用AJAX保存输入数据,特别是如果用户在现有数据之上插入新数据行。
使用Handsontable或jQuery完成编辑后,寻找上载输入数据的功能

这是使用jQuery循环输入数据并以JSON格式转储到文本框中然后提交给服务器的full code。这个过程看起来很丑。寻找一种更清洁的方式。

$('#btnGo').click(function() {

    var rowList = new Array();
    $("table tr").each(function() {
        var colList = new Array();
        $("td", this).each(function() {
            colList.push($(this).text());
        });
        rowList.push(colList);
    });
    $('#simple').val(JSON.stringify(rowList));
    console.log(rowList);
});​

最佳答案

有一个内置方法可获取表数据的整个数组:.handsontable("getData")
您可以像这样使用它:

$('#btnGo').click(function() {
  var rowList = $("#example9grid").handsontable("getData");
  $('#simple').val(JSON.stringify(rowList));
  console.log(rowList);
});​

工作示例:http://jsfiddle.net/warpech/bwv2s/20/

08-06 10:30