Jquery 无法使用autosave with handsontable将数据保存到单元格

Jquery 无法使用autosave with handsontable将数据保存到单元格,jquery,save,undefined,handsontable,Jquery,Save,Undefined,Handsontable,我在使用hansontable保存单元格中的数据时遇到一些问题,可能需要一些建议 问题是: 自动保存1单元格发送未定义的数据。 自动保存多个单元格也会传递未定义的内容。 单击保存按钮,控制台显示:保存错误。GitHub页面上不允许使用POST方法。在您自己的服务器上运行此示例以查看成功消息 代码: excel_save.php 数据加载 保存为未定义 改变 数据:变化 到 数据:{changes:change} 发现它改变了 数据:变化 到 数据:{changes:change} 找到了 &l

我在使用hansontable保存单元格中的数据时遇到一些问题,可能需要一些建议

问题是:

自动保存1单元格发送未定义的数据。 自动保存多个单元格也会传递未定义的内容。 单击保存按钮,控制台显示:保存错误。GitHub页面上不允许使用POST方法。在您自己的服务器上运行此示例以查看成功消息 代码:

excel_save.php

数据加载

保存为未定义 改变

数据:变化

数据:{changes:change}

发现它改变了

数据:变化

数据:{changes:change}

找到了

<script>
          var $container = $("#excel");
          var $console = $("#excelconsole");
          var $parent = $container.parent();
          var autosaveNotification;
          $container.handsontable({
            startRows: 1,
            startCols: <?=$num_rName+1?>,//count room type name from db
            rowHeaders: true,
            //colHeaders: ['Date/Room Types', 'Year', 'Price'],
            colHeaders: <?echo json_encode($_array);?>,
            minSpareCols: 0,
            minSpareRows: 1,
            contextMenu: true,
            onChange: function (change, source) {
              if (source === 'loadData') {
                return; //don't save this change
              }
              if ($parent.find('input[name=autosave]').is(':checked')) {
                clearTimeout(autosaveNotification);
                $.ajax({
                  url: "inc/excel_save.php",
                  dataType: 'json',
                  type: "POST",
                  data: change, //contains changed cells' data
                  complete: function (data) {
                    $console.text('Autosaved (' + change.length + ' cell' + (change.length > 1 ? 's' : '') + ')');
                    autosaveNotification = setTimeout(function () {
                      $console.text('Changes will be autosaved');
                    }, 1000);
                  }
                });
              }
            }
          });
          var handsontable = $container.data('handsontable');

          $parent.find('button[name=load]').click(function () {
            $.ajax({
              url: "inc/excel_load.php",
              dataType: 'json',
              type: 'GET',
              success: function (res) {
                handsontable.loadData(res.data);
                $console.text('Data loaded');
              }
            });
          });

           $parent.find('button[name=save]').click(function () {
            $.ajax({
              url: "inc/excel_save.php",
              data: {"data": $("#excel").handsontable('getData')}, 
              dataType: 'json',
              type: 'POST',
              success: function (res) {
                if (res.result === 'ok') {
                  $console.text('Data saved');
                }
                else {
                  $console.text('Save error');
                }
              },
              error: function () {
                $console.text('Save error. POST method is not allowed on GitHub Pages. Run this example on your own server to see the success message.');
              }
            });
          });

          $parent.find('input[name=autosave]').click(function () {
            if ($(this).is(':checked')) {
              $console.text('Changes will be autosaved');
            }
            else {
              $console.text('Changes will not be autosaved');
            }
          });
        </script>
<?
foreach($_POST as $key=>$val){//test the var passed
    echo "$key=$val<br />";
}
?>