类型:
$(" ").load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 返回: jQuery
描述: 载入远程 HTML 文件代码并插入至 DOM 中。
参数解析:
url:一个包含发送请求的URL字符串
data:向服务器发送请求的Key/value参数。
complete(responseText, textStatus, XMLHttpRequest):当请求成功后执行的回调函数。
特例:
$('#result').load('ajax/test.html #container')
当这种方法执行, 它将检索 ajax/test.html 页面的内容,jQuery会获取ID为 container 元素的内容,并且插入到ID为 result 元素,而其他的被检索到的元素将被废弃。
一:如何使用data
1.加载一个php文件,该php文件不含传递参数
$("#myID").load("test.html");
//在id为#myID的元素里导入test.php运行后的结果
2. 加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔
$("#myID").load("test.php",{"name" : "Adam" ,"site":"61dh.com"});
//导入的php文件含有一个传递参数,类似于:test.php?name=Adam&site=61dh.com
二:如何使用callback
1.要在load方法得到服务器响应后,慢慢地显示加载的内容
$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn('slow');
}
);
});
$(" ").load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 返回: jQuery
描述: 载入远程 HTML 文件代码并插入至 DOM 中。
参数解析:
url:一个包含发送请求的URL字符串
data:向服务器发送请求的Key/value参数。
complete(responseText, textStatus, XMLHttpRequest):当请求成功后执行的回调函数。
特例:
$('#result').load('ajax/test.html #container')
当这种方法执行, 它将检索 ajax/test.html 页面的内容,jQuery会获取ID为 container 元素的内容,并且插入到ID为 result 元素,而其他的被检索到的元素将被废弃。
一:如何使用data
1.加载一个php文件,该php文件不含传递参数
$("#myID").load("test.html");
//在id为#myID的元素里导入test.php运行后的结果
2. 加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔
$("#myID").load("test.php",{"name" : "Adam" ,"site":"61dh.com"});
//导入的php文件含有一个传递参数,类似于:test.php?name=Adam&site=61dh.com
二:如何使用callback
1.要在load方法得到服务器响应后,慢慢地显示加载的内容
$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn('slow');
}
);
});