jq里的ajax超详细参数讲解

目录

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);

}