php数组转换为二维Javascript数组

Question

我正在通过php向javascript传递SQL的2个字段。我读过很多关于如何创建多维javascript数组的教程。我感到困惑的是如何从php编码到javascript。我已经看过几个关于如何将php数据导入javascript的教程，但没有一个是关于如何在二维上做到这一点。

我的第一个问题是，如果我要创建一个多维数组，在声明java数组之前，我需要计算sql数据中的记录数，对吗？

更新：

我按照下面的建议将数据转换为JSON格式。有没有办法让我把所有内容打印到网页上，这样我就可以看到它们，然后缩小显示的范围？

更新III：

代码：

mysql_connect("localhost", "bikemap", "pedalhard") or die(mysql_error()); 
 mysql_select_db("test") or die(mysql_error()); 
 $data = mysql_query("SELECT * FROM gpsdata");
 $new_row = array();
$new_column = array();
 while($info = mysql_fetch_array($data)){

   foreach( $info as $row_num => $row)
{
      $thisItem = $row;
      $new_row[] = $thisItem;
   }
   array_push($new_column = $new_row);

 }
 $json = json_encode($new_column);
echo $json;    
?>

工作代码：

 $data = mysql_query("SELECT * FROM gpsdata");     
$aData = array();
while($row = mysql_fetch_assoc($data))
   $aData[$row['idgpsdata']] = array($row['userID'],$row['date'],$row['lat'], $row['longi'], $row['alt']);


 $json = json_encode($aData);
echo $json;

Answer 1

首先填充PHP数组，这比为javascript数组构建字符串更容易。然后-正如ThiefMaster所说的注释-使用JSON来生成javascript数组。

Answer 2

在PHP中，您可以使用JSON PECL extension

<?php
$arr = array( 1=>array(3,4),
              2=>array(4,5));
$json = json_encode($arr);
echo $json;
?>

输出

{"1":[3,4],"2":[4,5]}

在Javascript中

var obj = JSON.parse('{"1":[3,4],"2":[4,5]}');
for(var i in obj){
    for(var j in obj[i]) {
        console.log(obj[i][j]);
    }
}

JSON.Parse是针对Gecko (类似Firefox)的，用于跨浏览器的javascript JSON解析检查jQuery.parseJSON或https://stackoverflow.com/search?q=json+parse+javascript

PHP/jQuery中的示例实现如下所示：

json.php

$arr = array( 1=>array('Name', 'Age'),
              2=>array('Fares','18'));
$json = json_encode($arr);
echo $json;

json.html

<html><head></head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
$.getJSON('json.php', function(data) {
  var items = [];

  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });

  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});
</script>
</body>
</html>