使用jQuery從JSON獲取信息

Question

使用ajax從數據庫檢索信息時遇到問題。 我從這里獲取代碼：

1. http://openenergymonitor.org/emon/node/107此處的代碼有效，但僅輸出1個項目
2. 簡單的Ajax Jquery腳本-如何獲取表中每一行的信息？ 我試圖將其添加到我的代碼中，但無法正常工作。

我從具有以下php的表中獲取所有內容：

$result = mysql_query("SELECT * FROM voterecords");  

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

如果我導航到該php頁面，則會輸出以下內容：

[["68","1234","0","1234",""],["69","added with ajax","0","this item was added using ajax",""]]

以上格式如下：ID，標題，投票，描述，所有者

我認為這一切都可以，但是我不能確定，因為我不知道JSON應該是什么樣子。

---

現在，這里是應該從JSON檢索信息並將其放入html元素#output的jquery

$(function () 
  {

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

          var id = row[0];              
          var name = row[1];
          var votes = row[2];  
          var info = row[3]; 

          $('#output').append("<b>id: </b>"+id+"<b> name: </b>"+name+"<b> votes: </b>"+votes+"<b> info: </b>"+info)
                      .append("<hr />");
    } 
  } 
});

我期望這能輸出所有信息，但是什么也沒發生。

Answer 1

您的代碼很好，除非您缺少回調函數的close ) 。

另外，在JavaScript中，最好將開括號放在同一行上，而不是其他某些語言中常見的下一行。

更正/清理的代碼：

$(function () {
    $.ajax({url: 'retrieve.php', dataType: 'json'}).done(function(rows) {
        for (var i in rows) {
            var row = rows[i];
            var id = row[0];
            var name = row[1];
            var votes = row[2];
            var info = row[3];
            $('#output')
                .append("<b>id: </b>"+id+"<b> name: </b>"+name+"<b> votes: </b>"+votes+"<b> info: </b>"+info)
                .append("<hr />");
        }
    });
});