簡單的jQuery/JSON到HTML輸出

Question

自學mySQL的數據流 - > PHP - > JSON/Javascript和一種卡住在這一點上。我想要做的就是迭代外部JSON數據並將它們放入無序列表中。我試圖編輯在jQuery網站上給出的例子來爲我工作，但我無法弄清楚。任何幫助表示讚賞。這是我的代碼。

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 

<script type="text/javascript"> 
$.getJSON('links.json', function(json) { 
// alert("JSON Data: " + json[1].pagetitle); 
}); 

我可以確認，數據被從外部JSON文件通過使用註釋掉警報拉。

這裏是我創建的JSON文件代碼：

// Require Database Connection 
require_once "pdo_testdb_connect.php"; 

// Query Database for all available links 
$STH = $dbh->query('SELECT pagetitle, pagelink FROM links'); 

// If empty.. 
if ($STH == '') { 
echo "There are no links available at this time."; 
} 

// Set Fetch Mode 
$STH->setFetchMode(PDO::FETCH_ASSOC); 

$allLinks = array(); 

// Pull all page titles and links 
while($row = $STH->fetch()) { 
    $allLinks[] = $row; 
} 

// Encode array to JSON 
$je = json_encode($allLinks); 

// Write to file 
$fp = fopen('links.json', 'w'); 
fwrite($fp, $je); 
fclose($fp); 

Answer 1

我希望這段代碼爲你工作

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 

<script type="text/javascript"> 
     $.getJSON('links.json', function(json) { 
      // alert("JSON Data: " + json[1].pagetitle); 

      $.each(json, function(i,val){ 
       var li_populate = "<li>"+i+"+ val +"</li>"; 
        $("#myul").append(li_populate); 

      }) 


     });