我尝试使用获取有关ARK服务器信息的API,例如在线人数和不在线数量。无论如何,API在这里https://api.ark.bar/server/192.99.18.156/27027 ...
我目前能够使用我遇到的简单脚本来获取阵列,但我不熟悉jQuery。或JSON就此而言。这是我的代码,如下所示。我想至少能够提醒阵列。我想如果我能得到警报,那么我应该知道从那里去哪里获取我的网站上显示的数组。我可以告诉它正在工作,因为当我加载我的网站时,它会记录该对象以及api页面上显示的所有信息。
在旁边注意最后一部分" $。每个",我已经编辑了这些行很多次试图弄清楚如何使用数组。
非常感谢任何帮助,谢谢
<!DOCTYPE html>
<html>
<head>
<style>
.purplecircle {
width: 50px;
height: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background:#C0F;
position:absolute;
}
</style>
<script src="jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$("#purplecircle1").animate({left: '96%'});
});
</script>
</head>
<body>
<center>
<div class="purplecircle" id="purplecircle1"></div>
</center>
</body>
</html>
&#13;
myObject = {
getArray: function(callback) {
$.ajax({
cache: true,
type: "GET",
url: "https://api.ark.bar/server/192.99.18.156/27027",
success: function (data){
callback.call(this,data);
}
});
}
};
myObject.getArray(function(data) {
console.log(data);
});
$.each(this, function(key, value) {
alert(key + ": " + value);
});
&#13;
答案 0 :(得分:1)
请参阅此plunkr示例,希望这可以帮助您完成游戏。我控制台记录了一些数据并将游戏标题打印到h1元素中,您可以在这里进一步完成并根据需要装饰视图。
http://plnkr.co/edit/AdlatVZbmPUgwQby1faF?p=preview
myObject.getArray(function(data) {
var serverData = data.server;
console.log('data object: ', serverData);
console.log('game title: ', serverData.game);
console.log('player count: ', serverData.playerCount);
console.log('player 0 name: ', serverData.players[0].name);
alert('game title' + serverData.game);
$('h1').html(serverData.game);
});
如果你查找点符号(https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Property_accessors),它将有助于解释如何从javascript对象访问数据。
答案 1 :(得分:-1)
使用JSON.stringify(data)将JSON数组作为字符串输出。
alert(JSON.stringify(data));