PHPからHTMLを使用してMySQLからJSONデータを取得

Question

JSONデータをHTMLに変換する際に問題が発生しました。私はMySQLでテーブルを使用しています。つまり、PHPスクリプトを使用してJSONでデコードします。 JSONのlintでは、データが正しく来ています。 JSONのようなデータを変数に入れると、HTMLのテーブルにデータを取得するために使用するコードも正常に機能します。問題は、私がURLから取得しようとするときに来る。使用しようとしたコードはありますが、出力はありません。

JSON：

{ 
    "report": [{ 
     "Mes": "Abril", 
     "Dia": "1", 
     "Local": "", 
     "Servicos": "52", 
     "Total": "1300.95" 

    }] 
    } 

CODE：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

<script> 
    $.getJSON("http://ib.esy.es/select_comissao1.php", function(data) 
    { 
      console.log(data); 

      var tr = data 
      for (var i = 0; i < data.report.length; i++) { 
       var tr = $('<tr/>'); 

       // Indexing into data.report for each td element 
       $(tr).append("<td>" + data.report[i].Mes + "</td>"); 
       $(tr).append("<td>" + data.report[i].Dia + "</td>"); 
       $(tr).append("<td>" + data.report[i].Local + "</td>"); 
       $('.table1').append(tr); 
      } 

    }); 
</script> 

<table class="table1"> 
    <tr> 
     <th>Mes</th> 
     <th>Dia</th> 
     <th>Local</th> 
    </tr> 
</table> 

Mesの ディア ローカル

Answer 1

あなたが約束が解決されたときにデータを表示する機能を渡す必要があります。

$.getJSON("http://ib.esy.es/select_comissao1.php").then(function(data) 
{console.log(data); 

     var tr = data 
     for (var i = 0; i < data.report.length; i++) { 
     var tr = $('<tr/>'); 

     // Indexing into data.report for each td element 
     $(tr).append("<td>" + data.report[i].Mes + "</td>"); 
     $(tr).append("<td>" + data.report[i].Dia + "</td>"); 
     $(tr).append("<td>" + data.report[i].Local + "</td>"); 
     $('.table1').append(tr); 
     } 

});