Jquery JSON请求帮助 - 我能够获取数组,但无法显示它

时间:2015-12-08 01:27:14

标签: javascript jquery arrays json

我尝试使用获取有关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;
&#13;
&#13;

2 个答案:

答案 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));