Question

这是我之前与此主题相关的问题。

我的问题是我使用的服务器api已经在列表中添加了一个新项目，正如我在上一个问题中所述，我对API或jQuery不是很熟练，因此我想知道你能推荐我读什么关于这个以及实际的解决方案。我需要这样做，以便js使用的字段只有{“name”：“Arthas”，“slug”：“arthas”，“build”：“12340”，“status”：1}而不是其余部分。

非常感谢提前。

这是api - ＆gt; http://api.neverendless-wow.com/server-status

{"servers":[{"name":"Arthas","slug":"arthas","build":"12340","status":1},{"name":"Deathwing","slug":"deathwing","build":"13623","status":1}],"alerts":[]}

这是我目前的js

function checkStatus()
{
    jQuery.getJSON("http://api.neverendless-wow.com/server-status",function(data){ 
    if (data.status == '1')     {jQuery('#ServStat').addClass('online').removeClass('offline').attr('label','Online');}
    else     {jQuery('#ServStat').addClass('offline').removeClass('online').attr('label','Offline');}});
}
checkStatus();
{
    setInterval(changeState, 300000)
}

Answer 1

您需要将数据用作数组（data [0]），因此您的代码如下：

function checkStatus()
{
    jQuery.getJSON("http://api.neverendless-wow.com/server-status",function(data){ 
        if (data.servers[0].status == '1') { 
            jQuery('#ServStat').addClass('online').removeClass('offline').attr('label','Online');
        }
        else {
            jQuery('#ServStat').addClass('offline').removeClass('online').attr('label','Offline');
        }
    });
}

checkStatus();
{
    setInterval(changeState, 300000)
}

Answer 2

我可能会这样做：

// check server status
function checkStatus()
{
    $.getJSON(server_url, function(data) { 

      // reset
      var mode = "Offline";
      $('.status').removeClass('online').addClass('offline');

      // is available?
      if (data !== null && data.servers !== null && data.servers[0].status === 1) {
        mode = "Online";        
        $('.status').removeClass('offline').addClass('online');
      }

      // Extract data from received JSON string is exists
      extractData(data);

      // set needed attributes
      $('.status')
        .attr('label', mode)
        .text('Servers are ' + mode);
    });
}

现场演示available on JsBin

如何从API响应中提取部分JSON？

2 个答案: