js页面加载时调用函数方法

时间 2019-12-05

原文原文链接

方法一：在html的body中加入onload=""事件javascript

<body onload='queryServer()'>

</body>

方法二：jquery 中：$(function(){}） //方法体里面写调用方法html

<!-- 全局js -->
<script src="../js/jquery.min.js?v=2.1.4"></script>

<script type="text/javascript">
   var host = "http://127.0.0.1:8080";
　　$(function() {
   　　 queryServer();  //待调用的函数
　　});

　　<!--获取服务名称-->
    function queryServer() {
        $.ajax({
            type: "POST",
            url: host+"/tools/get-sys-app-key",
            dataType: "json",
            data: datastr,
            success: function (result) {
                var opt = "";
                var length = result.length;
                for ( i = 0; i < length; i++) {
                    var serverName = result[i]['appName']; //获取服务名称
                    var serverAppId = result[i]['appId'];//获取服务id
                    opt = opt + "<option value=\"" + serverAppId + "\">" + serverName+"("+serverAppId+")"+ "</option>";
                }
                $("#selectServer").html("<option value=\"0\">请选择服务名称</option>"+opt);
            },
            error: function (jqXHR) {
                console.log("error:" + jqXHR.status)
            }
        });
    }
</script>

方法三：jquery 中：使用$().ready()java

    $().ready(function(){
        queryServer();
    });

　　总结：方法二和方法三都是一个意思，两种不一样的写法而已jquery