$.load()的用法

jquery load 事件用法 

jquery load 事件用法

若是綁定給window對象，則會在全部內容加載後觸發，包括窗口，框架，對象和圖像。若是綁定在元素上，則當元素的內容加載完畢後觸發。

注意:只有當在這個元素徹底加載完以前綁定load的處理函數,纔會在他加載完後觸發。若是以後再綁定就永遠不會觸發了。因此不要在$(document).ready()裏綁定load事件，由於jQuery會在全部DOM加載完成後再綁定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=Adam

  3. 加載一個php文件，該php文件含有多個傳遞參數。注：參數間用逗號分隔

  $("#myID").load("test.php",{"name" : "Adam" ，"site":"61dh.com"});

  //導入的php文件含有一個傳遞參數，相似於：test.php?name=Adam&site=61dh.com

  4. 加載一個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');}

  );

  });

   

  備註：

  在看jQuery源碼時發現的，拿出來和你們分享。在load的url里加上空格後面就能夠跟選擇器了。

  舉例：我須要load  test.html的內容，並只要取id爲a的內容。

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

使用load的方法 放到body裏面 能夠用loading作包含文件 ----不錯

 <script type="text/javascript">  $("#left").load("xx.html");   $("#right").load("xxx.html"); </script>