2012-04-09 34 views
0

Lehre mich den Fluss von Daten aus mySQL -> PHP -> JSON/Javascript und Art von fest an dieser Stelle. Ich möchte nur die externen JSON-Daten durchlaufen und sie in eine ungeordnete Liste einfügen. Ich habe versucht, das Beispiel auf der jQuery-Website zu bearbeiten, um für mich zu arbeiten, aber ich kann es nicht herausfinden. Jede Hilfe wird geschätzt. Hier ist mein Code.Einfache jQuery/JSON zu HTML-Ausgabe

<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); 
}); 

I unter Verwendung dieser Kommentar gesetzt Benachrichtigung von der externen JSON-Datei gezogen, dass die Daten bestätigen wird.

Hier ist mein Code für die Erstellung der JSON-Datei:

// 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); 
+0

Also, was ist das Problem? Bitte zeigen Sie uns, was Sie mit den json-Daten in JavaScript machen, falls das nicht funktioniert - sonst erklären Sie das Problem mit der PHP-Ausgabe. – Bergi

Antwort

2

Ich hoffe, dass dieser Code wird für Sie arbeiten

<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); 

      }) 


     }); 
+0

Dieser Code generiert ungeordnete Liste Ihrer Daten – Mahipal

+0

Mahipal das sieht aus wie ich brauche. Vielen Dank! – jkphl

Verwandte Themen