使用AJAX解析JSON对象并将其转换为html表格

Question

我正在使用SYMFONY 3，并且我想从使用Ajax的控制器解析接收到的JSON，那里的问题是JSON无法正确读取并返回undefined，这是下面我的代码：

控制器：

$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

您需要的JSON解析成一个JavaScript对象使用它，就像在此之前：

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