Javascript 从JSON API获取数据并以HTML格式显示
我正在尝试使用这个minecraft服务器API(JSON),在我的网页中显示,类似于。。。现在有(玩家)连接。 JSON文件如下所示(外部): 我想获取数据播放器(在线)并将其显示在html段落中。。。。使用JavaScript或Jquery。我使用getJSON搜索了一些解决方案,但无法使其正常工作。。 我尝试使用AJAX发出请求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://
// 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');
}