如何使用 jQuery 将数据从 PHP 加载到 Handsontable?

Posted

技术标签:

【中文标题】如何使用 jQuery 将数据从 PHP 加载到 Handsontable?【英文标题】:How to load data from PHP to Handsontable with jQuery? 【发布时间】:2016-03-22 01:24:46 【问题描述】:

我正在使用Handsontable 显示数据,但我无法加载从 php 返回的数据。

这是我的 jQuery 代码:

$("#handsontable").on('shown.bs.modal', function () 
      var container = document.getElementById('existdata');
      var hot = new Handsontable(container, 
          minSpareRows: 1,
          height: '380',
          rowHeaders: true,
          colHeaders: ['col1','col2','col3','col4','col5'],
          contextMenu: false,
          manualColumnResize: true,
          colWidths:[100,100,100,50,450]
      );
);
$(document).on('click','#btn',function()
    var as = $('input[name="assign"]:checked').val();
    var data = $('#sample').attr('data-file');
    $.post('script/sample.php',action:'sample',data:data,as:as,function(chk)
            $("#handsontable").modal("show");
            var d = ["","","","",JSON.parse(chk)];
            console.log(JSON.stringify(d))
            $('#existdata').handsontable('loadData', d);
    );
);

这是 PHP 返回的数据:

["","","","",["TOR-038-7459_XCODE_Conforming_SCC_Proxy.wmv"]]

我使用console.log(JSON.stringify(d)) 来了解我的d 的样子。

【问题讨论】:

【参考方案1】:

我刚刚找到了问题的根源。问题是 AJAX 从我的 PHP 代码中收到的数据。正确的数据应该是[["","","","","TOR-038-7459_XCODE_Conforming_SCC_Proxy.wmv"]] 而不是["","","","",["TOR-038-7459_XCODE_Conforming_SCC_Proxy.wmv"]]

【讨论】:

以上是关于如何使用 jQuery 将数据从 PHP 加载到 Handsontable?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 php/jquery 实现持久页面?

单击复选框后,Jquery/ajax/php 将数据加载到文本字段中

如何在 PHP / MySQL 中使用 jQuery SlickGrid(加载服务器数据并保存更改)

如何在php中使用foreach循环将数据从数据库检索到jquery-ui手风琴

将表格数据从 jquery 发布到 php

表单提交后如何防止页面重新加载 - JQuery