AJAXレスポンスを使用してJSONオブジェクトを解析してhtmlテーブルに変換します

Question

SYMFONY 3を使用していますが、AJAXを使用して受信したJSONをコントローラから解析する必要があり、JSONを正しく読み取ることができず、以下の私のコード：

コントローラー：

$em = $this->getDoctrine()->getManager(); 

      $RAW_QUERY = 'SELECT id,DO_Date,DL_Design,DL_Qte,DL_MontantHT,DL_MontantTTC FROM `facture_ligne` WHERE facture_id=:id'; 

      $statement = $em->getConnection()->prepare($RAW_QUERY); 
      // Set parameters 
      $statement->bindValue('id', $id); 
      $statement->execute(); 

      $facture = $statement->fetchAll(); 

      $serializer = $this->container->get('jms_serializer'); 
      $reports = $serializer->serialize($facture,'json'); 
      return new Response($reports); 

マイスクリプト小枝ファイル内：

function detailfacture{{ fact.id }} (id) { 

    var z= new XMLHttpRequest(); 
    z.open("get","{{ path('Ajaxonify',{'id':fact.id}) }})",true); 
    z.send() 
    z.onreadystatechange = function result() { 
     var json=z.responseText; 
     if(json!="") 
     { 
      alert(json); 

      var tr; 
      for (var i = 0; i < json.length; i++) { 
       tr = $('<tr/>'); 
       tr.append("<td>" + json[1].DL_MontantHT + "</td>"); 
       tr.append("<td>" + json[1].DO_Date + "</td>"); 
       tr.append("<td>" + json[1].DL_Qte + "</td>"); 
       $('#tb').append(tr); 
      } 
     } 
     else alert("helo");  
    } 
} 

そして、この結果の一部のスクリーンショット：

私は、静的なJSONでテストされ、あなただけ読みたい場合には、これは何

console.log(data); 
console.log(json); 

戻り

Answer 1

あなたはこのように、それを使用する前に、JavaScriptオブジェクトにJSONをパースする必要があります。

var json = JSON.parse(json); 

alert(json)の後、forループの前にこの行を挿入すると、スクリプトが表示されますこのように：

function detailfacture{{ fact.id }} (id) { 

    var z= new XMLHttpRequest(); 
    z.open("get","{{ path('Ajaxonify',{'id':fact.id}) }})",true); 
    z.send() 
    z.onreadystatechange = function result() { 
     var json=z.responseText; 
     if(json!="") 
     { 
      alert(json); 
      json = JSON.parse(json); 

      var tr; 
      for (var i = 0; i < json.length; i++) { 
       tr = $('<tr/>'); 
       tr.append("<td>" + json[i].DL_MontantHT + "</td>"); 
       tr.append("<td>" + json[i].DO_Date + "</td>"); 
       tr.append("<td>" + json[i].DL_Qte + "</td>"); 
       $('#tb').append(tr); 
      } 
     } 
     else alert("helo");  
    } 
} 

Answer 2

ある

正常に動作しますJSON、多くのプラグインがあります。JSON Formatterのようです。それを使用するには、JSONを出力するだけでプラグインが識別され、有効になり、JSONの書式設定が容易になります。

別の答えはかなり印刷JSONです：

PHP：$echo "<pre>".json_encode($data, JSON_PRETTY_PRINT)."</pre>";

JS：document.write(JSON.stringify(data, null,4));