JQuery中$.ajax()方法参数

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数,(私下认可为当前页地址)发送请求的地点。

type:
须要为String类型的参数,请求格局(post或get)暗中认可为get。注意其余http请求方法,例如put和

      delete也能够动用,但仅有的浏览器协助。

timeout:
供给为Number类型的参数,设置请求超时时间(阿秒)。此设置将覆盖$.ajaxSetup()方法的大局设

         置。

async:必要为Boolean类型的参数,暗许设置为true,全体请求均为异步请求。

      
假诺要求发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其余操作必须等

       待请求完结才能够实行。

cache:须求为Boolean类型的参数,暗中同意为true(当dataType为script时,暗中同意为false)。

       设置为false将不会从浏览器缓存中加载请求新闻。

data:
供给为Object或String类型的参数,发送到服务器的数目。假若已经不是字符串,将电动转换为字符串格

     
式。get请求军长附加在url后。幸免那种自发性转换,可以查阅processData选项。对象必须为key/value格

     
式,例如{foo1:”bar1″,foo2:”bar2″}转换为&foo1=bar1&foo2=bar2。假使是数组,JQuery将活动为区别

     
值对应同一个称号。例如{foo:[“bar1″,”bar2”]}转换为&foo=bar1&foo=bar2。

dataType:
须要为String类型的参数,预期服务器重回的数据类型。假设不点名,JQuery将机关依照http包mime

          新闻再次来到responseXML或responseText,并视作回调函数参数传递。

          可用的花色如下:

          xml:返回XML文档,可用JQuery处理。

          html:再次来到纯文本HTML消息;包罗的script标签会在插入DOM时进行。

         
script:重回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在中距离请求

                  时(不在同贰个域下),全体post请求都将转为get请求。

          json:返回JSON数据。

         
jsonp:JSONP格式。使用SONP情势调用函数时,例如myurl?callback=?,JQuery将活动替换后一个

                “?”为科学的函数名,以实施回调函数。

          text:再次来到纯文本字符串。

beforeSend:须要为Function类型的参数,发送请求前能够修改XMLHttpRequest对象的函数,例如添加自定义

           
HTTP头。在beforeSend中假诺回到false能够裁撤这一次ajax请求。XMLHttpRequest对象是绝世的参

            数。

            function(XMLHttpRequest){

               this;   //调用这次ajax请求时传递的options参数

            }

complete:需要为Function类型的参数,请求实现后调用的回调函数(请求成功或退步时均调用)。

          参数:XMLHttpRequest对象和二个描述成功请求类型的字符串。

          function(XMLHttpRequest, textStatus){

             this;    //调用此次ajax请求时传递的options参数

          }

success:必要为Function类型的参数,请求成功后调用的回调函数,有多个参数。

         (1)由服务器重临,并依照dataType参数进行拍卖后的数目。

         (2)描述状态的字符串。

         function(data, textStatus){

            //data可能是xmlDoc、jsonObj、html、text等等

            this;  //调用此次ajax请求时传递的options参数

error:需求为Function类型的参数,请求失利时被调用的函数。该函数有1个参数,即XMLHttpRequest对象、错

       误音信、捕获的谬误对象(可选)。

       ajax事件函数如下:

       function(XMLHttpRequest, textStatus, errorThrown){

          //日常状态下textStatus和errorThrown唯有内部二个包罗音信

          this;   //调用本次ajax请求时传递的options参数

       }

contentType:要求为String类型的参数,当发送新闻至服务器时,内容编码类型私下认可

            
为”application/x-www-form-urlencoded”。该暗许值适合大多数施用场馆。

dataFilter:须要为Function类型的参数,给Ajax再次回到的原有数据开始展览预处理的函数。

           
提供data和type多个参数。data是Ajax再次来到的本来数据,type是调用jQuery.ajax时提供的

            dataType参数。函数重返的值将由jQuery进一步处理。

            function(data, type){

                //重临处理后的数码

                return data;

            }

global:需要为Boolean类型的参数,暗许为true。表示是不是接触全局ajax事件。设置为false将不会接触全局

        ajax事件,ajaxStart或ajaxStop可用于控制各类ajax事件。

ifModified:须求为Boolean类型的参数,私下认可为false。仅在服务器数据变动时取得新数据。

           
服务器数据变动判断的基于是Last-Modified头音讯。暗中认可值是false,即忽略头新闻。

jsonp:供给为String类型的参数,在1个jsonp请求中重写回调函数的名字。

      
该值用来取代在”callback=?”这种GET或POST请求中U库罗德L参数里的”callback”部分,例如

       {jsonp:’onJsonPLoad’}会促成将”onJsonPLoad=?”传给服务器。

username:必要为String类型的参数,用于响应HTTP访问认证请求的用户名。

password:要求为String类型的参数,用于响应HTTP访问认证请求的密码。

processData:要求为Boolean类型的参数,默许为true。暗中认可情形下,发送的数目将被转换为指标(从技术角度

            
来讲并非字符串)以协作默许内容类型”application/x-www-form-urlencoded”。假设要发送DOM

             树音信照旧别的不希望转换的音讯,请设置为false。

scriptCharset:须要为String类型的参数,唯有当呼吁时dataType为”jsonp”恐怕”script”,并且type是GET时

              
才会用于强制修改字符集(charset)。常常在该地和长距离的始末编码不一致时行使。

 

案例代码:

$(function(){

    $(‘#send’).click(function(){

         $.ajax({

             type: “GET”,

             url: “test.json”,

             data: {username:$(“#username”).val(),
content:$(“#content”).val()},

             dataType: “json”,

             success: function(data){

                         $(‘#resText’).empty();  
//清空resText里面包车型大巴具备内容

                         var html = ”; 

                         $.each(data, function(commentIndex, comment){

                               html += ‘<div
class=”comment”><h6>’ + comment[‘username’]

                                         + ‘:</h6><p
class=”para”‘ + comment[‘content’]

                                         + ‘</p></div>’;

                         });

                         $(‘#resText’).html(html);

                      }

         });

    });

});

 

附带说一下$.each()函数:

$.each()函数分歧于JQuery对象的each()方法,它是三个大局函数,不操作JQuery对象,而是以2个数组只怕目的作为第贰个参数,以三个回调函数作为第三个参数。回调函数拥有五个参数:第②个为对象的成员或数组的目录,第二个为相应变量或内容。

相关文章