代码之家 › 专栏 › 技术社区 › Shixma

如何从json API写出状态?

status api json

Shixma · 技术社区 · 11 年前

我试图使用蒸汽表API在我的网站上的页面上显示服务器状态( http://steamgaug.es/docs ). 如果 ISteam客户端 , ISteam朋友 , ISteam用户 和 IEconItems_440 服务器联机或关闭。

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

非常感谢您的帮助。

2 回复 | 直到 11 年前

ntl 11 年前

如果我正确理解你的话,你也希望如此 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");
                        }

                    });
                }
            }

Manoj 11 年前

使用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");
    }
}