$.ajax()方法详解

1.url
必要为String类型的参数,(暗中认可为当前页地址)发送请求的地址。

2.type
务求为String类型的参数,请求格局(post或get)默许为get。注意别的http请求方法,例如put和delete也得以行使,但仅有的浏览器扶助。

3.timeout
务求为Number类型的参数,设置请求超时时间(微秒)。此设置将掩盖$.ajaxSetup()方法的大局设置。

4.async
务求为Boolean类型的参数,暗许设置为true,全体请求均为异步请求。假若需求发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户别的操作必须等待请求完结才方可实施。

5.cache
渴求为Boolean类型的参数,私下认可为true(当dataType为script时,私下认可为false),设置为false将不会从浏览器缓存中加载请求音讯。

6.data
务求为Object或String类型的参数,发送到服务器的数据。假如已经不是字符串,将活动转换为字符串格式。get请求少校附加在url后。幸免那种自动转换,能够查阅  processData选项。对象必须为key/value格式,例如{foo1:”bar一”,foo二:”bar二”}转换为&foo一=bar1&foo2=bar二。假若是数组,JQuery将活动为差异值对应同多个称谓。例如{foo:[“bar1″,”bar2”]}转换为&foo=bar1&foo=bar2。

7.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:再次来到纯文本字符串。

8.beforeSend
需要为Function类型的参数,发送请求前能够修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。在beforeSend中要是回去false能够撤废此番ajax请求。XMLHttpRequest对象是全球无双的参数。
            function(XMLHttpRequest){
               this;   //调用此次ajax请求时传递的options参数
            }
9.complete
务求为Function类型的参数,请求完毕后调用的回调函数(请求成功或破产时均调用)。参数:XMLHttpRequest对象和三个讲述成功请求类型的字符串。
          function(XMLHttpRequest, textStatus){
             this;    //调用本次ajax请求时传递的options参数
          }

10.success:要求为Function类型的参数,请求成功后调用的回调函数,有多少个参数。
         (一)由服务器重临,并依据dataType参数举办拍卖后的多少。
         (2)描述状态的字符串。
         function(data, textStatus){
            //data可能是xmlDoc、jsonObj、html、text等等
            this;  //调用此次ajax请求时传递的options参数
         }

11.error:
渴求为Function类型的参数,请求失利时被调用的函数。该函数有一个参数,即XMLHttpRequest对象、错误消息、捕获的失实对象(可选)。ajax事件函数如下:
       function(XMLHttpRequest, textStatus, errorThrown){
          //常常状态下textStatus和errorThrown只有中间一个饱含音讯
          this;   //调用本次ajax请求时传递的options参数
       }

12.contentType
渴求为String类型的参数,当发送新闻至服务器时,内容编码类型暗中同意为”application/x-www-form-urlencoded”。该暗中认可值适合大多数采取场地。

13.dataFilter
渴求为Function类型的参数,给Ajax再次来到的固有数据进行预处理的函数。提供data和type多少个参数。data是Ajax重临的本来面目数据,type是调用jQuery.ajax时提供的dataType参数。函数重临的值将由jQuery进一步处理。
            function(data, type){
                //再次来到处理后的多少
                return data;
            }

14.dataFilter
需要为Function类型的参数,给Ajax重临的原来数据开展预处理的函数。提供data和type五个参数。data是Ajax重返的原有数据,type是调用jQuery.ajax时提供的dataType参数。函数再次来到的值将由jQuery进一步处理。
            function(data, type){
                //再次来到处理后的数量
                return data;
            }

15.global
渴求为Boolean类型的参数,默许为true。表示是不是接触全局ajax事件。设置为false将不会接触全局ajax事件,ajaxStart或ajaxStop可用来控制种种ajax事件。

16.ifModified
务求为Boolean类型的参数,暗中同意为false。仅在服务器数据变动时取得新数据。服务器数据变动判断的遵照是Last-Modified头音信。暗中同意值是false,即忽略头音讯。

17.jsonp
供给为String类型的参数,在二个jsonp请求中重写回调函数的名字。该值用来替代在”callback=?”那种GET或POST请求中UPRADOL参数里的”callback”部分,例如{jsonp:’onJsonPLoad’}会促成将”onJsonPLoad=?”传给服务器。

Ajax,18.username
渴求为String类型的参数,用于响应HTTP访问认证请求的用户名。

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

20.processData
渴求为Boolean类型的参数,私下认可为true。暗中同意意况下,发送的数据将被转移为目的(从技术角度来讲不用字符串)以协作暗许内容类型”application/x-www-form-urlencoded”。倘若要发送DOM树新闻只怕别的不希望转换的音信,请设置为false。

21.scriptCharset
渴求为String类型的参数,只有当呼吁时dataType为”jsonp”可能”script”,并且type是GET时才会用来强制修改字符集(charset)。日常在该地和长途的情节编码差异时采用。

案例代码:

Ajax 1

$(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);
                      }
         });
    });
});

相关文章