Как потреблять этот API

Question

Как потреблять этот API

Я пытаюсь использовать этот API ( https://ministerio.herokuapp.com/) с jQuery, когда я запускаю скрипт, результатом является пустая HTML-страница

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>JavaScript - read JSON from URL</title>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  </head>

  <body>
    <div class="mypanel"></div>

    <script>
      $.getJSON('https://ministerio.herokuapp.com', function(data) {     
        var text = `Indexers: ${data.Indexers}`
        $(".mypanel").html(data);
      });
    </script>
  </body>
</html>

-1

jquery ajax

Источник

user7626564 20 сен '17 в 16:11

1 ответ

Решение

Другие вопросы по тегам jquery ajax

user2159528 21 сен '17 в 23:52 2017-09-21 23:52 · Accepted Answer · 2017-09-21 23:52

Вы сначала имели No 'Access-Control-Allow-Origin' header is present on the requested resource. ошибка при запросе ресурса json.

Поздравляю, вы исправили заголовок ресурса.
Не было ясно, что вы сначала контролировали это.

Теперь этот ресурс еще не выводит json.
Следующая ошибка, которую вы должны будете исправить parsererror,

Как я нашел эту ошибку?

Я использовал .fail() Перезвоните.
Смотрите в CodePen

$.getJSON('https://ministerio.herokuapp.com', function(data) {     
  // Whatever you do here in case of success.

}).fail(function(request,error){
  console.log(request);
  console.log(error);
});

Вы ожидаете, что результат будет:

{"Ambiental":"1","Descripcion":"Mayormente nublado","Fecha_Actualizacion":"2017-09-21T18:09:51-05:00","Humedad":"70%","Picoyplaca":"1 - 3 - 5 - 7 - 9","Publico":"1 - 2","TasaRM":" $ 2,913.96","Temperatura":"14°"}

Но вот что ваш ресурс выводит в данный момент:

<p> {&quot;Ambiental&quot;:&quot;1&quot;,&quot;Descripcion&quot;:&quot;Mayormente nublado&quot;,&quot;Fecha_Actualizacion&quot;:&quot;2017-09-21T18:09:51-05:00&quot;,&quot;Humedad&quot;:&quot;70%&quot;,&quot;Picoyplaca&quot;:&quot;1 - 3 - 5 - 7 - 9&quot;,&quot;Publico&quot;:&quot;1 - 2&quot;,&quot;TasaRM&quot;:&quot; $ 2,913.96&quot;,&quot;Temperatura&quot;:&quot;14°&quot;}

Итак... Избавиться от этого незакрытого <p> пометить первым.

Вы должны опубликовать этот код ресурса... Как много странных вещей можно найти там.

Но я совершенно уверен, что следующим шагом будет просто заменить эти HTML-сущности реальными необходимыми символами.

Тогда используйте json_encode() отобразить результат, чтобы убедиться, что он правильно отформатирован, если данные поступают из массива (я полагаю, это скрипт PHP).