简单的 Ajax Jquery 脚本 - 如何获取表中每一行的信息？

Question

我正在关注一个简​​单的 ajax>php>mysql 示例发布在这里 http://openenergymonitor.org/emon/node/107

我只能显示第一行的信息。 我的桌子是这样设置的

--------------
|  id  | name|
--------------
| 1    | Pat |
| 2    | Joe |
| 3    | Rob |
--------------

php代码

 $result = mysql_query("SELECT * FROM $tableName");          //query
 $array = mysql_fetch_row($result);                          //fetch result  
 echo json_encode($array);

脚本

$(function () 
  {
    $.ajax({                                      
      url: 'api.php', data: "", dataType: 'json',  success: function(data)        
      { 
        var id = data[0];              //get id
        var vname = data[1];           //get name
         $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); 
      } 
    });
  }); 

第 1 行

如果我输入var id = data[0];，我会得到值 1。 如果我输入 var name = data[1]; 我会得到 Pat。

ROWS 2 n 3 未定义

示例var id=data[2]; 返回未定义 等等

我的问题

1. 为什么我只获取第一行的值？

2. 如何获取第一行以外的行的信息？

从 Stackoverflow 上的其他问题中，我看到我可能不得不使用 while 循环，但我不确定为什么或如何。

Answer 1

$result = mysql_query("SELECT * FROM $tableName");
$array = array(mysql_fetch_row($result));

// To store every row in the $array
while($row = mysql_fetch_row($result)) { 
    $array[] = $row; 
} 
echo json_encode($array);

Answer 2

旧的 MySQL 扩展 mysql 已过时，最好使用 mysqli 或 PDO！

mysql_fetch_row() 只返回 1 行！ 您必须将其放入循环中，例如：

$data = array();
while ( $row = mysql_fetch_row($result) )
{
  $data[] = $row;
}
echo json_encode( $data );

您还必须更改 JavaScript：

$.ajax({                                      
  url: 'api.php', data: "", dataType: 'json',  success: function(rows)        
  {
    for (var i in rows)
    {
      var row = rows[i];          

      var id = row[0];
      var vname = row[1];
      $('#output').append("<b>id: </b>"+id+"<b> name: </b>"+vname)
                  .append("<hr />");
    } 
  } 
});

顺便说一句，我建议您使用mysql_fetch_assoc()，因为它使您的代码更加灵活和简洁。