Handsontable javascript - 从服务器加载数组

Question

我想使用服务器端存在的数组在 Javascript 中创建一个 Handsontable。该数组有一列：

$table[] = "a";
$table[] = "b";

要将其加载到 Handsontable 中，需要将其转换为：

var input = [["a"],["b"]];
$("#myTable").handsontable({
data: input,
startRows: 1,
startCols: 1
};

在 PHP 中，我首先使用 JSON 对其进行编码：

<?php echo json_encode($table); ?>

然后 getJSON 或其他 ajax 函数以这种格式在客户端获取它，但我找不到正确的方法。希望有人能帮忙。

我已经尝试过发布它 1）使用隐藏字段发布它

<input type="hidden" name="input_field" value=<?php echo json_encode($table); ?> >

并通过以下方式进入 Ajax 部分：

var input = $('#input_field').val();
alert(input);

但警报返回：未定义，并且数组 {a,b} 未加载到 Handsontable 中。 2) 或者我正在尝试使用 $.getJSON。在 PHP 中：

$table = array();  
$table[] = array("a");
$table[] = array("b");
echo json_encode($table);

在阿贾克斯中：

jQuery.getJSON('mypage.php',function(table){
    alert(!);
});

警报没有触发，Ajax 代码有错误我认为是因为 Handsontable 没有显示。 谢谢。

Answer 1

在服务器端，可以创建数组数组

$table[] = array("a");
$table[] = array("b");
echo 'var input = ' . json_encode($table) . ";\n";

这会给

var input = [["a"],["b"]];

不需要隐藏字段或$.getJSON()，因为这已经是一个javascript数组，可以提供给handsontable。

如果您想在客户端执行此操作，请遍历数组并从 JSON 条目构建新数组

var json = ["a", "b"];
var input = Array();
for (var i in json)
    input.push([json[i]]);

JSFiddle

您的问题中的隐藏字段有两个问题，首先是您必须在value="..." 周围加上引号并转义值内的引号。第二个问题是在 jQuery 选择器中。 #input_field 查找具有 id 的元素，但不是 name。为此，您必须将id="input_field" 添加到隐藏输入中。