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

如何从json API写出状态?

  •  0
  • Shixma  · 技术社区  · 10 年前

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

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

    非常感谢您的帮助。

    2 回复  |  直到 10 年前
        1
  •  0
  •   ntl    10 年前

    如果我正确理解你的话,你也希望如此 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");
                            }
    
                        });
                    }
                }
    
        2
  •  0
  •   Manoj    10 年前

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