jquery load事件(callback/data)使用方法及注意事項

2019-11-20 23:00:05

字體：大中小

來源：轉載

供稿：網友

如果綁定給window對象，則會在所有內容加載后觸發，包括窗口，框架，對象和圖像。如果綁定在元素上，則當元素的內容加載完畢后觸發。

注意:只有當在這個元素完全加載完之前綁定load的處理函數,才會在他加載完后觸發。如果之后再綁定就永遠不會觸發了。所以不要在$(document).ready()里綁定load事件，因為jQuery會在所有DOM加載完成后再綁定load事件。因此，使用load方法時盡量把load方法寫在頁面頂部。

調用load方法的完整格式是：load( url, [data], [callback] ),
其中:
•url：是指要導入文件的地址。
•data：可選參數；因為Load不僅僅可以導入靜態的html文件，還可以導入動態腳本，例如PHP文件，所以要導入的是動態文件時，我們可以把要傳遞的參數放在這里。
•callback：可選參數；是指調用load方法并得到服務器響應后，再執行的另外一個函數。

一：如何使用data
1.加載一個php文件，該php文件不含傳遞參數$("#myID").load("test.php");
//在id為#myID的元素里導入test.php運行后的結果2. 加載一個php文件，該php文件含有一個傳遞參數
$("#myID").load("test.php",{"name" : "Adam"});
//導入的php文件含有一個傳遞參數，類似于：test.php?name=Adam3. 加載一個php文件，該php文件含有多個傳遞參數。注：參數間用逗號分隔
$("#myID").load("test.php",{"name" : "Adam" ，"site":"61dh.com"});
//導入的php文件含有一個傳遞參數，類似于：test.php?name=Adam&site=61dh.com4. 加載一個php文件，該php文件以數組作為傳遞參數
$("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//導入的php文件含有一個數組傳遞參數。注意：使用load，這些參數是以POST的方式傳遞的，因此在test.php里，不能用GET來獲取參數。

二：如何使用callback
比如我們要在load方法得到服務器響應后，慢慢地顯示加載的內容，就可以使用callback函數。代碼如下：

復制代碼代碼如下:

 
$("#go").click(function(){ 
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){ 
$("#myID").fadeIn('slow');} 
); 
}); 

備注：
在load的url里加上空格后面就可以跟選擇器了。
例如：

復制代碼代碼如下:

$("body").load("test.html #a");

上一篇：ExtJS4 Grid改變單元格背景顏色及Column render學習

下一篇：JQuery slideshow的一個小問題(如何發現及解決過程)

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注