jQuery ajax - load() 方法 回调函数
jQuery ajax - load() 方法
实例
使用 AJAX 请求来改变 div 元素的文本:
(“button”).click(function(){(“div”).load(‘demo_ajax_load.txt’);
});
定义和用法
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。
注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。
语法
load(url,data,function(response,status,xhr))
参数 描述
url 规定要将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)
可选。规定当请求完成时运行的函数。
额外的参数:
response - 包含来自请求的结果数据
status - 包含请求的状态(”success”, “notmodified”, “error”, “timeout” 或 “parsererror”)
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").load("wrongname.xml",function(response,status,xhr){
if (status=="success")
{ $("div").html("<ol></ol>");
var a=$(response).find("#a").val(); //这一句返回的是整个load的页面(也就是全部都是html代码的页面),从中获取了想要得到的值,这个值是原先存在页面中的,type="hidden"
var b=parseInt(a);
recomHeight(b);
}
else
{alert("请求失败");}
});
});
});
</script>
</head>
<body>
<p>Artists</p>
<div></div>
<button>获得 CD 信息</button>
<p>本例中使用的 XML 文件是 <a href="/example/xmle/cd_catalog.xml" target="_blank">cd_catalog</a></p>
</body>
</html>