目录
1、url：要发送请求的URL地址。
2、type：请求的类型，可选参数，包括GET、POST、PUT、DELETE等，默认为GET。
3、data：要发送到服务器的数据，可以是一个字符串、数组或对象。默认为null。
4、dataType：从服务器返回的响应数据的类型，可选参数，括"xml"、"json"、"html"、"text"等，默认为智能猜测。
5、contentType：发送请求的数据格式，可选参数， 默认为"application/x-www-form-urlencoded"。常用的还有"application/json"。如果使用json格式发送请求，需要设置该参数为"application/json"。
6、headers：HTTP请求头的附加信息，可以是一个对象，用于设置自定义的请求头。
7、timeout：设置请求超时的时间，单位为毫秒，默认为0，即不设置超时。
8、async：是否使用异步方式发送请求，默认为true。
9、beforeSend：在发送请求之前调用的函数。该函数可以用于修改请求前的参数。
10、complete：请求完成后调用的函数，无论请求成功或失败都会调用。
11、success：请求成功后调用的函数。回调函数会接收到从服务器返回的数据作为参数。
12、error：请求失败后调用的函数。回调函数会接收到HTTP错误信息作为参数。
完整代码案例
$.ajax({
url: "http://example.com/api/data",
type: "POST",
data: { name: "John", age: 30 },
dataType: "json",
contentType: "application/json",
headers: { "X-Auth-Token": "abcdef123456" },
timeout: 5000,
async: true,
beforeSend: function(xhr) {
// 在发送请求之前修改请求头或数据
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
},
complete: function(xhr, status) {
// 请求完成后的处理逻辑
console.log("请求完成");
},
success: function(response) {
// 处理成功的响应数据
console.log(response);
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.log("请求失败：" + error);
}
});
1、url：要发送请求的URL地址。
url: "m/api/data",
2、type：请求的类型，可选参数，包括GET、POST、PUT、DELETE等，默认为GET。
发送GET请求：
$.ajax({
url: "http://example.com/api/data?id=1&name=John",
type: "GET",
success: function(response) {
// 处理成功的响应数据
console.log(response);
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.log("请求失败：" + error);
}
});
发送POST请求：
$.ajax({
url: "http://example.com/api/data",
type: "POST",
data: { name: "John", age: 30 },
success: function(response) {
// 处理成功的响应数据
console.log(response);
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.log("请求失败：" + error);
}
});
发送PUT请求：
$.ajax({
url: "http://example.com/api/data",
type: "PUT",
data: { name: "John", age: 30 },
success: function(response) {
// 处理成功的响应数据
console.log(response);
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.log("请求失败：" + error);
}
});
发送DELETE请求：
$.ajax({
url: "http://example.com/api/data",
type: "DELETE",
data: { id: 1 },
success: function(response) {
// 处理成功的响应数据
console.log(response);
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.log("请求失败：" + error);
}
});
3、data：要发送到服务器的数据，可以是一个字符串、数组或对象。默认为null。
data: "name=John&age=30",
data: [1, 2, 3, 4, 5],
data: { name: "John", age: 30 },
4、dataType：从服务器返回的响应数据的类型，可选参数，括"xml"、"json"、"html"、"text"等，默认为智能猜测。
dataType: "json",
dataType: "xml",
dataType: "html",
dataType: "text",
5、contentType：发送请求的数据格式，可选参数， 默认为"application/x-www-form-urlencoded"。常用的还有"application/json"。如果使用json格式发送请求，需要设置该参数为"application/json"。
contentType: "application/json",
contentType: "application/x-www-form-urlencoded",
6、headers：HTTP请求头的附加信息，可以是一个对象，用于设置自定义的请求头。
headers: { "X-Auth-Token": "abcdef123456" },
7、timeout：设置请求超时的时间，单位为毫秒，默认为0，即不设置超时。
timeout: 5000,
8、async：是否使用异步方式发送请求，默认为true。
async: true,
9、beforeSend：在发送请求之前调用的函数。该函数可以用于修改请求前的参数。
beforeSend: function(xhr) {
// 在发送请求之前修改请求头或数据
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
},
10、complete：请求完成后调用的函数，无论请求成功或失败都会调用。
complete: function(xhr, status) {
// 请求完成后的处理逻辑
console.log("请求完成");
},
11、success：请求成功后调用的函数。回调函数会接收到从服务器返回的数据作为参数。
success: function(response) {
// 处理成功的响应数据
console.log(response);
},
12、error：请求失败后调用的函数。回调函数会接收到HTTP错误信息作为参数。
error: function(xhr, status, error) {
// 处理请求失败的情况
console.log("请求失败：" + error);
}
参考阅读
您阅读本篇文章共花了：
发表评论