注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

jq 与 ajax  

2012-07-09 10:38:26|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、load()

    语法:load(url,[data],[callback]);

   筛选获取的结果:在url地址后加空格 再加上对应的标记   , 就会去掉去其它的标记。

2、$.get()  和$.post()

     $.get(url,[data],[callback]);     和$.post(url,[data],[callback],[type]);

    例:function createQuerystr(){

          var fname=encodeUR($("#fname").val());

           var bday=encodeUR($("#bday").val());

          var qurstr={fname:fname,bday:bday} ;

         return qurstr;

           }

     function dorequestget(){

    $.get("asp.aspx"),createQuerystr(),                //post 同get

      function(date){

       $("#serverresponse").html(decodeURI(data));

       }

    }

3、$.ajax(options)

    实例:

   function doRequestusingget(){

   $.ajax({

   type:"GET",                                       //post 同 get

  url:"asp.aspx",

  data:createQuerystr(),               

  success:function(data){

   $("#serverResponse").html(decodeURI(data));

  }

});

}


4、$.ajax(options) 的data参数 如果是url字符串的形式时,如果希望使用中文,必须进行两次encodeURI() 编码。

     实例:var fname=encodeURI(encodeURI($("#fname").val()));

5、典型运用:

     $.ajax({

    type:"GET",

   url:"test.js",

  dataType:"script",

  })

以上代码用 get获取一段js代码。

$.ajax({

 url:"test.aspx",

cashe:false,

success:function(html){

$("#results").append(html);

}

})

以上代码不缓冲服务器的返回结果。

var xmlDocument=  //创建一个xml文档

$.ajax({

      url:"page.php",

    processData:false,

   data:xmlDocument,

  success:handleReponse

});

以上代码发送一个xml文档,并且阻止数据自动转换成表单的形式。


5、全局设置Ajax:$.ajaxSetup(options)     可将3、中的post和get相同的部分统一设置如下所示:

   $.ajaxSetup({

 url:"asp.aspx",

success:function(data){

$("#serverResponse").html(decodeURI(data));

}

}) ;

function doRequestusingget(){

$.ajax({

 data:createQuerystr(),     

 type:"GET"

});

}

function doRequestusingpost(){

$.ajax({

 data:createQuerystr(),     

 type:"POST"

});

}

 注:没有将data数据进行统一设置,因为数据是又函数动态获得的,而data的类型会被规定为对象或者字符串,如统一设置只会在初始化时运行一次,而不像success那样每次运行。

   

6、ajax事件

   对于每个对象的$.ajax() 都有beforeSend、success、error、complete这4个事件。

类似 $.ajaxSetup()与$.ajax() 的关系 jq还提供了6个全局事件。分别为ajaxStart、ajaxSend、ajaxSuccess、ajaxError、ajaxComplete、ajaxStop。

  评论这张
 
阅读(1149)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017