Question

我尝试使用蒸汽计API（http://steamgaug.es/docs）将服务器状态写在我网站的页面上。我最好希望它写出 ISteamClient ， ISteamFriends ， ISteamUser 和 IEconItems_440 服务器是在线还是关闭。

我之前从未做过这样的事情，所以我不知道该怎么做。

非常感谢帮助。

Answer 1

如果我理解正确，您希望与http://steamgaug.es/页面上的内容完全相同。因此，您可以转到此页面，查看页面的来源，您将看到示例如何进行此类调用。（js没有缩小，直接位于html页面上）状态怎么样，因为我看到他们只使用相关的数组，所有值都是硬编码的。

代码完全清楚：

  var SteamServices = {

                // Actual statuses
                Translation: {
                    0 : "<span style='color:#16a085'>Online</span>",
                    1 : "<span style='color:#c0392b'>Down</span>",
                    2 : "<span style='color:#c0392b'>500 Internal Server Error</span>",
                    3 : "<span style='color:#c0392b'>Empty Response</span>",
                    4 : "<span style='color:#c0392b'>404 Not Found</span>",
                    5 : "<span style='color:#c0392b'>Timeout</span>",
                    6 : "<span style='color:#c0392b'>Unknown Error</span>"
                },

                // This does the checking
                DoCheck: function(){

                    // Show a loading message
                    $(".load-overlay").show();

                    // Load data from API
                    $.ajax({
                        url: "http://steamgaug.es/api",
                        type: "GET",
                        dataType: "json"
                    }).done(function(data){

                        // Populate fields
                        $.each(data,function(i,v){
                            $("#"+i).html(SteamServices.Translation[v]);
                        });

                        // Hide loading message
                        $(".load-overlay").hide();

                    }).fail(function( jqXHR, textStatus ) {

                        // When there's an error getting the data
                        if(jqXHR.status == 502){
                            $(".load-overlay").html("<i class=\"fa fa-exclamation-triangle\"></i><br/>Service Check Error!<br/>Try again soon.");
                            $(".load-overlay").addClass("bad-load");
                        }

                    });
                }
            }

Answer 2

使用jQuery编写类似下面的内容

jQuery.getJSON( "http://steamgaug.es/api", function( status ) {
    if(status.ISteamClient == 0) {
      alert("ISteamClient is online");
    } else if(status.ISteamClient == 1) {
      alert("ISteamClient is Down");
    }
}

如何从json API写出状态？

2 个答案: