jquery load 事件用法

 

<!-- /* Font Definitions */ @font-face {font-family:宋体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimSun; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:"/@宋体"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; text-align:justify; text-justify:inter-ideograph; mso-pagination:none; font-size:10.5pt; mso-bidi-font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:宋体; mso-font-kerning:1.0pt;} /* Page Definitions */ @page {mso-page-border-surround-header:no; mso-page-border-surround-footer:no;} @page Section1 {size:595.3pt 841.9pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:42.55pt; mso-footer-margin:49.6pt; mso-paper-source:0; layout-grid:15.6pt;} div.Section1 {page:Section1;} -->

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');}

 

  );

 

});

 

 

备注：

在load 的url 里加上空格后面就可以跟选择器了。

例如：

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