JSON von PHP zu js

Question

Was ist der beste Weg, eine PHP-Variable mit JSON-Daten zu js zu analysieren? Auf der PHP-Seite, die ich habe folgendes:

$pdo = new PDO('mysql:host=localhost;dbname=test', 'homedbuser', 'homedbuser'); 
    $sqlQuery ="SELECT `serie`, `abtrag` FROM `testem`"; 

    $q = $pdo->query($sqlQuery); 

    $result = $q->fetch(PDO::FETCH_ASSOC); 

    $rowcount = $q->rowCount(); 

    $data = array(); 

    for($x=0; $x < $rowcount-1;$x++){ 

    $data[] = $q->fetch(PDO::FETCH_ASSOC); 

    $myJson = json_encode($data); 

    echo $myJson; 

The Output looks like this: 

    [ 
    {"serie":"KK718X","abtrag":"71"}, 
    {"serie":"KK712X","abtrag":"337"}, 
    {"serie":"LK719X","abtrag":"93"}, 
    {"serie":"KK790Y","abtrag":"78"} 
] 

Jetzt möchte ich die Daten in eine js-Variable setzen.

Welche Art von Variable muss ich wählen? Ich habe es mit axaj/xmlhttp Anfrage versucht, aber das hat nicht für Jet funktioniert. Kann jemand erzählen, wie man das richtig macht?

var xmlhttp = new XMLHttpRequest(); 
xmlhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     var myObj = JSON.parse(this.responseText); 
     document.getElementById("show").innerHTML = "myObject[1].serie"; 
    } 
}; 
xmlhttp.open("GET", "demo_file_array.php", true); 
xmlhttp.send();`` 

Answer 1

mit jQuery können Sie die folgende Syntax verwenden:

$.get(url, function(data) { your code; }, 'json'); 

Sie einen Javascript entspricht Array in den Datenvariablen automatisch erhalten.

Grtngs Dustin

Answer 2

Im Folgenden finden Sie eine literal Zeichenfolge und keinen Verweis auf ein Objekt verwenden identifier

document.getElementById("show").innerHTML = "myObject[1].serie" 

Vielleicht ist

document.getElementById("show").innerHTML = myObj[1].serie; 

Answer 3

ändern Hier den Code Snippet können Sie für Ihre XMLHttpRequest 'S Success Handler verwenden:

var myObj = JSON.parse(this.responseText); 
document.getElementById("show").innerHTML = myObj[1].serie; // Use myObj not myObject and that too without `""` 

Answer 4

Verwenden folgenden Code:

var xmlhttp = new XMLHttpRequest(); 
xmlhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     var myObj = JSON.parse(this.responseText); 
     //document.getElementById("show").innerHTML = "myObject[1].serie" add a text node to element html. 

     document.getElementById("show").innerHTML = myObj[1].serie; //For Obhect data serie. 
    } 
}; 
xmlhttp.open("GET", "demo_file_array.php", true); 
xmlhttp.send();