jquery ajax研究

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('页面加载出错!');
  } })
 
XHR请求属性
属性名 描述
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){
}
          
});    

 

posted @ 2017-07-13 16:50  千寻的天空之城  阅读(119)  评论(0编辑  收藏  举报