$.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>

　　

這樣就很簡單的可以做頁面拆分了呢~

 

參考：https://www.cnblogs.com/wrong930803/p/5286484.html