Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从JSON API获取数据并以HTML格式显示_Javascript_Jquery_Html_Json - Fatal编程技术网

Javascript 从JSON API获取数据并以HTML格式显示

Javascript 从JSON API获取数据并以HTML格式显示,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我正在尝试使用这个minecraft服务器API(JSON),在我的网页中显示,类似于。。。现在有(玩家)连接。 JSON文件如下所示(外部): 我想获取数据播放器(在线)并将其显示在html段落中。。。。使用JavaScript或Jquery。我使用getJSON搜索了一些解决方案,但无法使其正常工作。。 我尝试使用AJAX发出请求 // AJAX Request to JSON $.ajax({ url: "https://

我正在尝试使用这个minecraft服务器API(JSON),在我的网页中显示,类似于。。。现在有(玩家)连接。 JSON文件如下所示(外部):

我想获取数据播放器(在线)并将其显示在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>


为什么不工作?没有显示任何内容…

数据类型应为JSON

请在此处查看此视频:


那么您应该没事了。

您应该将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。现在
而不是
JSON.players.online
,就像您提供的示例响应一样。

您能告诉我们您的尝试吗?有很多和很多有很多教程可以用来做这件事。在这里,仅仅说
这里有一些数据
并不是一个恰当的问题请求,而不说明您自己试图解决这个问题
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');
}