从 JSON API 获取数据并在 HTML 中显示答案

【问题标题】：Get data from JSON API and display it in HTML从 JSON API 获取数据并在 HTML 中显示
【发布时间】：2015-09-19 19:31:12
【问题描述】：

我正在尝试使用这个 minecraft 服务器 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>

为什么不工作？什么都没有显示...

【问题讨论】：

你能告诉我们你的尝试吗？
有很多很多的教程可以做到这一点。在这里只说here's some data 不是一个合适的问题请求，而没有展示您自己解决这个问题的尝试

标签： javascript jquery html json

【解决方案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 就像在您提供的示例响应中一样.

【讨论】：

【解决方案2】：

数据类型应该是 JSON。

在此处观看此视频：https://www.youtube.com/watch?v=fEYx8dQr_cQ

那你应该没事。

【讨论】：