2016-04-18 4 views
-2

У меня проблема с получением данных JSON в HTML. Я использую таблицу в MySQL, которая декодируется в JSON через PHP-скрипт. В JSON lint данные поступают правильно. Код, который я использую для получения данных в таблице в HTML, также работает нормально, если я помещаю данные JSON в переменную. Проблема возникает, когда я пытаюсь получить ее из URL-адреса. Вот код, который я пытался использовать, но нет выхода.Получите данные JSON от MySQL, через PHP до HTML

JSON:

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

    }] 
    } 

КОД:

<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 Dia Местный
+0

Где код php? Создайте массив записей, затем отправьте в браузер 'echo json_encode ($ data);' – itzmukeshy7

+0

Является ли console.log (data) пустым? Ваш javascript размещен на сервере ib.esy.es? Если нет, вы работаете в CORS. – mkaatman

+0

@ itzmukeshy7 правильный код php. Если вы перейдете по ссылке ib.esy.es/select_comissao1.php, вы все данные правильно и подтвердите json lint –

ответ

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

}); 
+0

Наконец-то! Это сработало, спасибо за вашу драгоценную помощь. Я был вокруг этого в течение 3 дней :) Спасибо, Хосе! –

Смежные вопросы