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