$(document).ready()使用討論

<script language="JavaScript" type="text/javascript">

    $(document).ready(function(){ 

        $.ajax({
            url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',
            type : 'post',
            dataType : "text",
            success : function(text) {
                isPro = false;
                if(null != text && "" != text){
                    $('#MyNoticesDiv').html(text);
                }
            }
        });        

    })

</script>

1、先爲說說 $(document).ready() 的功能：

    1. JQuery API對 $(document).ready() 的解釋是：當DOM載入就緒能夠查詢及操縱時綁定一個要執行的函數。

    2. 個人理解：$(document).ready() 用於當前頁面加載完成後，就執行其定義的方法，用於異步加載，提交頁面響影的速度，用於在一個頁面中包含多個頁面的狀況（一個頁面中使用多個iframe）。

 

2、使用方法以下：

    1. 將頁面中使用iframe的地方使用div代替；並定義div的ID屬性。代碼示例以下：

<div id="MyNoticesDiv" width="100%" height="195px">

</div>

 

    2. 在js定義$(document).ready()，代碼示例以下：

<script language="JavaScript" type="text/javascript">

    $(document).ready(function(){

        $.ajax({
            url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',
            type : 'post',
            dataType : "text",
            success : function(text) {
                isPro = false;
                if(null != text && "" != text){
                    $('#MyNoticesDiv').html(text);
                }
            }
        });

    })

</script>

 

    3. 就這麼簡單，頁面完成後，經過js再加載div中要顯示的內容。