jQuery $.ajax()方法参数详解-蒲公英云

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

怼烎@ 2021-09-14 02:46 524阅读 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);  //打印错误信息
            }
        });
    });
});