异步请求

2017-09-25 19:44:44来源:CSDN作者:Afreshmemory人点击

分享

ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,局部刷新网页。

[1]简单异步请求方式

   [1.1]GET请求

      $.get(URL,data,callback,dataType);

     [1.1.1]参数意义

     URL:请求的地址【请求方式为“GET”请求,数据传递方式:queryString】

     data:发送到后台的数据

     callback:请求成功后的回调函数

     dataType:规定后台传回来的数据类型,默认有JQuery智判断    "xml","html","text","Script","json","jsonp"

      $.get(URL,data,success(response,status,xhr),dataType);

      =>$.ajax({

              type:"GET",//请求的方式

              url:url,  //请求的地址

              data:data,  //发送到后台的数据 【例如:data:{name="hello",sex="男"}】

              success:success, //请求成功的回调函数

             dataType:datatypp //规定后台传递过来的数据类型【例如:"xml","html","text","Script","json","jsonp"

       })

     [1.1.2]参数意义

     URL:请求的地址【请求方式为“GET”请求,数据传递方式:queryString

     data:发送到后台的数据

     success(response,status,xhr)请求成功执行的函数 

          response:包含来自请求的结果数据

          status:请求的状态

          xhr:包含XMLHttpRequest对象

     dataType:规定后台传回来的数据类型,默认有JQuery智判断    "xml","html","text","Script","json","jsonp"


  [1.2]POST请求

     $.post(URL,data,callback,dataType);

     [1.2.1]参数意义

         URL:请求的地址【请求方式为“POST”请求,数据传递方式:FormData】

         data:发送到后台的数据

         callback:请求成功后的回调函数

         dataType:规定后台传回来的数据类型,默认有JQuery智判断    "xml","html","text","Script","json","jsonp"

    $.post(URL,data,success(data,textStatus,jqXHR),dataType);

    =>$.ajax({

            type:"POST",//请求的方式【POST请求,数据提交方式:FromData】

            url:url,  //请求的地址

           data:data,  //发送到后台的数据 【例如:data:{name="hello",sex="男"}】

           success:success, //请求成功的回调函数 

           dataType:datatype //"xml","html","text","Script","json","jsonp"

     })

     [1.1.2]参数意义

         URL:请求的地址【请求方式为“POST”请求,数据传递方式:FormData】

         data:发送到后台的数据

         success(response,status,xhr)请求成功执行的函数 

             response:包含来自请求的结果数据

             status:请求的状态

            xhr:包含XMLHttpRequest对象

         dataType:规定后台传回来的数据类型,默认有JQuery智判断    "xml","html","text","Script","json","jsonp"


[2]完整的异步请求(未补全)

    $.ajax({

         url:url,                                   //请求处理的地址

         type:type,                             //请求的方式 "POST","GET","PUT","DETELE" 

         global:global,                          //是否触发全局事件,默认true  设置为false将不会触发全局事件

         async:async,                            //设置是否异步,默认:true   设置为false将同步

         data:data,                                //请求提交的数据【例如data:{ name:"wan",sex:"男"},  或者 data:$('#form').serialize();

         beforeSend:beforeSend(XHR),   //发送请求前执行的函数,返回false取消本次请求【发送请求前可修改XMLHttpRequest对象函数,如添加自定义Http头】

         cache:cache                              //默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。

         dataType:dataType,                 //规定后台传回来的数据类型,默认有JQuery智判断    "xml","html","text","Script","json","jsonp"

         success:callback,                      //请求成功后的回调函数 例如:success:function(data,textStatus,jqXHR)匿名函数

         error:callback                          //默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。完整Ajax

    });

  



    



最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台