PHP-generierten JSON aus HTML

Question

Ich habe ein Formular in einer HTML-Datei, die Daten an eine PHP-Datei sendet. Diese PHP-Datei wählt aus der Datenbank aus, transformiert die Ergebnisse in eine JSON-Datei und sendet sie zurück an die HTML-Datei.

Ich würde gerne wissen, wie ich den JSON von der PHP bekommen kann; Ich bekomme die Antwort (von der Registerkarte Netzwerk im Inspektionsmenü), aber ich weiß nicht, wie ich es bekommen soll (um zu echo/alarmieren/ein Diagramm damit zu machen). Danke im Voraus!

Dies ist mein Code, um die Daten zu senden:

<script type="text/javascript"> 
    $(function() { 
     $(".datepicker").datepicker({ 
      minDate: new Date(2015, 8 - 1, 25), 
      maxDate: "0" 
     }); 
    }); 

$(function() { 
    // On form's submit, takes both input's values... 
    $('form').on('submit', function (e) { 
     var from = $("#from").val(); 
     var to = $("#to").val(); 
     // ...to compare them and displays an error if "to" is smaller than "from" 
     if(Date.parse(from) > Date.parse(to)){ 
      alert("Invalid Date Range"); 
     } 
     else{ 
      e.preventDefault(); 
      $.ajax({ 
       type: 'post', 
       url: 'classes/Select.php', 
       data: $('form').serialize(), 
       success: function() { 
        alert('data sent'); 
       } 
      }); 
     } 
    }); 
}); 
</script> 

Und dies ist der PHP-Teil, der die json (links heraus alle mysql Teil und so weiter) macht:

while ($arr = $query->fetch(PDO::FETCH_ASSOC)) { 
    echo json_encode($arr); 

Answer 1

Da Sie eine Schleife in Ihrem PHP verwenden, erstellen Sie ein Array, das hält die Ergebnisse, wenn die Schleife beendet ist Echo die Ergebnisse mit json_encode;

$results = []; 
while ($arr = $query->fetch(PDO::FETCH_ASSOC)) { 
    $results[] = $arr; 
} 
echo json_encode($results); 

Dann in Ihrem Javascript

$.ajax({ 
     type: 'post', 
     url: 'classes/Select.php', 
     data: $('form').serialize(), 
     success: function(data) { 
      var results = JSON.parse(data); // convert the results to json 
      console.log(results); 
     } 
    }); 

Answer 2

In Ihrem Javascript Ajax Call-Code, haben Sie wahrscheinlich einen Erfolg: Schlüssel. Versuchen:

success: function(data) { console.log(data); } 

Answer 3

, wenn Sie einen JSON-String Verwendung json_decode ($ json) erhalten und Sie erhalten den von Ihnen gewünschten Wert:

$json = '{"key-example": 12345}'; 

$obj = json_decode($json); 
print $obj->{'key-example'}; // 12345