1,在页面上动态载入内容:jQuery的load()方法:
$(selector).load(url);
//如果希望在内容载入完成后做些什么事,可以提供一个回调函数给.load,既可以是一个匿名函数,也可以是一个具名函数。
$(selector).load(url,function(){
alert('内容被载入了!');
});
.load()方法的回调函数支持3个参数,。利用XMLHttpRequest对象可得到Ajax请求的响应码,对不同的响应码我们执行不同的行为。
如果载入的内容很多,最好显示一个载入动画,以便让用户知道数据正在载入中,我们可以在.load()方法前添加一条语句,在#content元素中添加一个表示载入中的动态gif图片(数据载入成功之后,就会替换这张图片)
$('#content').html('<img src="images/loading.gif" alt="">');
$('#content').load(url,function(responseText,textStatus,XMLHttpRequest){
if(XMLHttpRequest.status == 404 || XMLHttpRequest.status==500){
$('#content').html('页面加载出错!');
}
})
属性名 | 描述 |
responseText | 以字符串形式返回响应数据 |
textStatus | 以XML数据形式返回响应数据 |
XMLHttpRequest | 返回状态码,比如"404" |
2,$.ajax()方法
$.ajax({ type:"GET", dataType:"JSON", url:url, success:processJSON }); 编写一个空白的回调函数 ,它有一个参数data,代表收到的JSON数据: function processJSON(data){ $.each(data.books,function(i,item){ }); } 列出这一个呢,是因为我从来都是把$.ajax的回调函数,用一个匿名函数的方法写在内部---这种形式 $.ajax({ type:"GET", dataType:"JSON", url:url, success:function(data){ } });