jQuery load()方法特殊用法！

來源：http://www.cnblogs.com/wbcms/archive/2009/01/14/1375275.html

调用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()方法特殊用法！相关推荐

jQuery - end方法的用法
我们在对结果集使用find.filter等方法时,会改变结果集. 这种改变原先结果集的方法被称作destructive jQuery method jQuery cookbook有如下定义: A de ...
c语言class用法,jQuery hasClass()方法的用法
类名过滤,指的是根据元素的 class 来过滤.在 jQuery 中,我们可以使用 hasClass() 方法来实现类名过滤. 语法: $().hasClass("类名") has ...
1-jQuery - AJAX load() 方法【基础篇】
jQuery load() 方法是简单但强大的 AJAX 方法:load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 格式 $(selector).load(URL 源码 index.h ...
jquery ajax html方法吗,jQuery ajax方法
jQuery AJAX 方法 jQuery load() 方法是简单强大的AJAX方法.从服务器加载数据,并将数据显示在被选中元素中. 语法: $(selector).load(URL,data,ca ...
js中load载入html页面,使用jquery的load方法加载html页面，但是html引入的js不生效
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提有一个公共的登录弹框页面需要在多个页面引用,百度后就使用了jQuery 的 load 方法. 做法: 将公共的 ht ...
jquery load 事件用法
jquery load 事件用法如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像.如果绑定在元素上,则当元素的内容加载完毕后触发. 注意:只有当在这个元素完全加载完之 ...
使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题
使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题参考文章: (1)使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题 ( ...
html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别
.load()方法是局部方法,因为他需要一个包含元素的jQuery 对象作为前缀.而$.get()和$.post()是全局方法,无须指定某个元素.对于用途而言,.load()适合做静态文件的异步获取, ...
jQuery的load()方法
load() 从服务器加载数据,并把返回的数据,放入被选元素中语法格式 $(selector).load(URL,data,callback); 参数说明 URL 必选参数,加载的URL 可以把jQ ...

jQuery load()方法特殊用法！

jQuery load()方法特殊用法！相关推荐

最新文章

热门文章