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

相關標籤/搜索