jQuery $.ajax()方法参数详解

怼烎@ 2021-09-14 02:46 320阅读 0赞

**url:规定为String类型的字符串，是服务器的地址，获取数据或者推送数据的地方**

**data：要求为Object或String类型的参数，发送到服务器的数据。如果不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看processData选项。对象必须为key/value格式，也就是键值对的形式**

**type：规定数据提交的方式，为String类型的字符串，常见的方法有“GET/POST/PUT/DELETE”,put和delete方法仅部分浏览器支持**

**timeout：****要求为Number类型的参数，设置请求超时时间（毫秒）一般是10s。此设置将覆盖$.ajaxSetup()方法的全局设置**

**async：****要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行**

**success：请求成功后的回调函数，该函数有两个参数值：**

**(1)由服务器返回，并根据dataType参数进行处理后的数据。**

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

function(data, textStatus){
         //data可能是xmlDoc、jsonObj、html、text等等
         this;  //调用本次ajax请求时传递的options参数
    }

**error(xhr,status,error)：****如果请求失败要运行的回调函数**

**dataType：****要求为String类型的参数，预期服务器返回的数据类型。**  
  
**complete：** **要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用）**

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

function(XMLHttpRequest, textStatus){
        this;    //调用本次ajax请求时传递的options参数
    }

**contentType：发送数据到服务器时所使用的内容类型。默认是："application/x-www-form-urlencoded"**

**username：规定在http访问认证请求中使用的用户名**

**password：规定在http访问认证请求中使用的密码**  
实例：

$(function(){
        $('#send').click(function(){
            $.ajax({
                type: "GET",  //使用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);  //返回数据
                },
                error:function (err) {
                    return console.error(err);  //打印错误信息
                }
            });
        });
    });