Получить данные из JSON API и отображать его в HTML

Question

Я пытаюсь использовать этот Minecraft Server API (JSON), чтобы показать на моем веб-страницу, что-то вроде ... Сейчас там (игроки), связанные с , Файл JSON выглядит следующим образом (внешний):

{ 
"status": true, 
"players": { 
    "online": 534, 
    "max": 900 
}, 
"cache": 1442690473 } 

Я хочу, чтобы принести игрокам данных (онлайн) и отображать его на HTML пункте .... Использование JavaScript или Jquery. Я искал какие-то решения, используя getJSON, но я не мог заставить его работать .. Я попытался с помощью AJAX, чтобы сделать запрос ...

// AJAX Request to JSON 
       $.ajax({ 
        url: "https://mcapi.ca/query/mythalium.com/players", 
        // Handle as Text 
        dataType: "text", 
        success: function(data) { 
         // Parse JSON file 
         var json = $.parseJSON(data); 
         //Store data into a variable 
         // Display Players 
         $('#players').html('Currently there are: ' + json.players.now ' users'); 
        } 
     }); 

А затем отобразить его с помощью:

<span id="results"></span> 

Почему не работает? Ничего не видно ...

Answer 1

Вы должны изменить AJAX успеха обратный вызов:

success: function(data) { 
    // Parse JSON file 
    var json = $.parseJSON(data); 
    //Store data into a variable 
    // Display Players 
    $('#results').html('Currently there are: ' + json.players.online' + users'); 
} 

Проблемы вы выбираете неправильный span элемент - #players вместо #results и вы ссылки на неправильное свойство JSON - json.players.now вместо json.players.online как в ответе на образец, который вы предоставили.

Answer 2

Datatype должен быть JSON.

Проверить это видео здесь: https://www.youtube.com/watch?v=fEYx8dQr_cQ

Вы должны быть хорошо тогда.