javascript - 浏览器打开时加载

Question

我制作了一个特殊的按钮，通过使用这个js使用api显示服务器状态，我的问题是我无法让这个东西在你第一次打开浏览器时自动加载，你必须实际单击该按钮否则它不会开始运行。

function checkStatus(event)
{
    jQuery.getJSON("url",function(data){ 
        var button = document.getElementById("ServStat");
        if ( data.status == '1') { 
            jQuery('#ServStat').addClass('online').removeClass('offline');
            button.label = 'Online'; }
        else { 
            jQuery('#ServStat').addClass('offline').removeClass('online');
            button.label = 'Offline' 
        }
    });
}

欢迎任何想法，并提前致谢。

Answer 1

只需将代码添加到 document.ready 函数中即可。当文档完全加载时它会被执行。

所以你的代码将变成这样，

$(document).ready(function () {
    jQuery.getJSON("url", function (data) {
        var button = document.getElementById("ServStat");
        if (data.status == '1') {
            jQuery('#ServStat').addClass('online').removeClass('offline');
            button.label = 'Online';
        } else {
            jQuery('#ServStat').addClass('offline').removeClass('online');
            button.label = 'Offline'
        }
    });
});

您可以在此处获取更多详细信息:http://api.jquery.com/ready/