Truyền tham số trong yêu cầu ajax trong JavaScript

Question

Một tập hợp các cặp khóa/giá trị cấu hình yêu cầu Ajax. Tất cả các cài đặt là tùy chọn. Có thể đặt mặc định cho bất kỳ tùy chọn nào với $. cài đặt ajax(). Xem bên dưới để biết danh sách đầy đủ tất cả các cài đặt

Nội dung chính Show

Ghi chú bổ sung
Làm cách nào để thêm tham số vào yêu cầu ajax?
Làm cách nào để chuyển tham số trong lệnh gọi ajax POST?
Làm cách nào để chuyển biến trong dữ liệu ajax?
Làm cách nào để chuyển nhiều tham số trong ajax bằng JavaScript?

phiên bản thêm. 1. 0

cài đặt

Loại.

Một tập hợp các cặp khóa/giá trị cấu hình yêu cầu Ajax. Tất cả các cài đặt là tùy chọn. Có thể đặt mặc định cho bất kỳ tùy chọn nào với $. cài đặt ajax()

chấp nhận (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

4)

Loại.

Một tập hợp các cặp khóa/giá trị ánh xạ một


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

5 đã cho với loại MIME của nó, được gửi trong tiêu đề yêu cầu ________0____6. Tiêu đề này cho máy chủ biết loại phản hồi mà nó sẽ chấp nhận để đáp lại. Ví dụ: phần sau xác định loại tùy chỉnh


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

7 sẽ được gửi cùng với yêu cầu

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16


$.ajax({
  accepts: {
    mycustomtype: 'application/x-some-custom-type'
  },
 
  // Instructions for how to deserialize a `mycustomtype`
  converters: {
    'text mycustomtype': function(result) {
      // Do Stuff
      return newresult;
    }
  },
 
  // Expect a `mycustomtype` back from server
  dataType: 'mycustomtype'
});

Ghi chú. Bạn sẽ cần chỉ định một mục nhập bổ sung cho loại này trong


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

8 để loại này hoạt động bình thường

không đồng bộ (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9)

Loại.

Theo mặc định, tất cả các yêu cầu được gửi không đồng bộ (i. e. cái này được đặt thành


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9 theo mặc định). Nếu bạn cần các yêu cầu đồng bộ, hãy đặt tùy chọn này thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1. Yêu cầu tên miền chéo và yêu cầu


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

2 không hỗ trợ hoạt động đồng bộ. Lưu ý rằng các yêu cầu đồng bộ có thể tạm thời khóa trình duyệt, vô hiệu hóa bất kỳ hành động nào trong khi yêu cầu đang hoạt động. Kể từ jQuery 1. 8, việc sử dụng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

3 với jqXHR (


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

4) không được chấp nhận;

trước khi gửi
Loại. ( jqXHR, cài đặt )
Chức năng gọi lại yêu cầu trước có thể được sử dụng để sửa đổi jqXHR (trong jQuery 1. 4. x, XMLHTTPRequest) trước khi nó được gửi đi. Sử dụng điều này để đặt tiêu đề tùy chỉnh, v.v. Các đối tượng jqXHR và cài đặt được truyền dưới dạng đối số. Đây là một sự kiện Ajax. Trả về
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
1 trong hàm
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
7 sẽ hủy yêu cầu. Kể từ jQuery 1. 5, tùy chọn
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
7 sẽ được gọi bất kể loại yêu cầu
bộ đệm (mặc định.
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
9)
Loại.
Nếu được đặt thành
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
1, nó sẽ buộc các trang được yêu cầu không được trình duyệt lưu vào bộ đệm. Ghi chú. Đặt
```
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});
```
1 thành false sẽ chỉ hoạt động chính xác với các yêu cầu HEAD và GET. Nó hoạt động bằng cách thêm "_={timestamp}" vào tham số GET. Tham số không cần thiết cho các loại yêu cầu khác, ngoại trừ trong IE8 khi POST được tạo cho một URL đã được GET yêu cầu

hoàn thành

Loại. ( jqXHR, textStatus )

Một chức năng được gọi khi yêu cầu kết thúc (sau khi thực hiện các cuộc gọi lại


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

2 và


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

3). Hàm được truyền hai đối số. jqXHR (trong jQuery 1. 4. x, XMLHTTPRequest) và một chuỗi phân loại trạng thái của yêu cầu (


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

4,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

5,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

6,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

7,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

8,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

9 hoặc


$.ajax();

0). Kể từ jQuery 1. 5, cài đặt


$.ajax();

1 có thể chấp nhận một loạt chức năng. Mỗi chức năng sẽ được gọi lần lượt. Đây là một sự kiện Ajax

nội dung
Loại.
Một đối tượng gồm các cặp chuỗi/biểu thức chính quy xác định cách jQuery sẽ phân tích cú pháp phản hồi, với loại nội dung của nó. (đã thêm phiên bản. 1. 5)
contentType (mặc định.
```
$.ajax();
```
2)
Loại. hoặc là
Khi gửi dữ liệu đến máy chủ, hãy sử dụng loại nội dung này. Mặc định là "application/x-www-form-urlencoded; charset=UTF-8", phù hợp với hầu hết các trường hợp. Nếu bạn chuyển rõ ràng một loại nội dung tới
```
$.ajax();
```
3, thì nó luôn được gửi đến máy chủ (ngay cả khi không có dữ liệu nào được gửi). Kể từ jQuery 1. 6 bạn có thể vượt qua
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
1 để yêu cầu jQuery không đặt bất kỳ tiêu đề loại nội dung nào. Ghi chú. Đặc tả W3C XMLHttpRequest chỉ ra rằng bộ ký tự luôn là UTF-8; . Ghi chú. Đối với các yêu cầu tên miền chéo, đặt loại nội dung thành bất kỳ thứ gì khác ngoài
```
$.ajax();
```
5,
```
$.ajax();
```
6 hoặc
```
$.ajax();
```
7 sẽ kích hoạt trình duyệt gửi yêu cầu TÙY CHỌN trước chuyến bay tới máy chủ
định nghĩa bài văn
Loại.
Đối tượng này sẽ là bối cảnh của tất cả các cuộc gọi lại liên quan đến Ajax. Theo mặc định, bối cảnh là một đối tượng đại diện cho cài đặt Ajax được sử dụng trong cuộc gọi (
```
$.ajax();
```
8 được hợp nhất với cài đặt được chuyển đến
```
$.ajax();
```
9). Ví dụ: chỉ định một phần tử DOM làm bối cảnh sẽ biến ngữ cảnh đó thành bối cảnh cho lệnh gọi lại
```
$.ajax();
```
1 của một yêu cầu, như vậy
1
2
3
4
5
6
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```

bộ chuyển đổi (mặc định.


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

1)

Loại.

Một đối tượng chứa bộ chuyển đổi kiểu dữ liệu thành kiểu dữ liệu. Mỗi giá trị của bộ chuyển đổi là một hàm trả về giá trị đã chuyển đổi của phản hồi. (đã thêm phiên bản. 1. 5)

tên miền chéo (mặc định.


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

2)

Loại.

Nếu bạn muốn buộc một yêu cầu tên miền chéo (chẳng hạn như JSONP) trên cùng một miền, hãy đặt giá trị của tên miền chéo thành


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9. Ví dụ, điều này cho phép chuyển hướng phía máy chủ sang miền khác. (đã thêm phiên bản. 1. 5)

dữ liệu

Loại. hoặc hoặc

Dữ liệu cần gửi đến máy chủ. Nếu phương thức HTTP là phương thức không thể có phần thân thực thể, chẳng hạn như GET, thì ______39_______4 được thêm vào URL

Khi


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

4 là một đối tượng, jQuery sẽ tạo chuỗi dữ liệu từ các cặp khóa/giá trị của đối tượng trừ khi tùy chọn


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

6 được đặt thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1. Ví dụ,


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

8 được chuyển đổi thành chuỗi


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

9. Nếu giá trị là một mảng, jQuery sẽ tuần tự hóa nhiều giá trị có cùng khóa dựa trên giá trị của cài đặt


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

0 (được mô tả bên dưới). Ví dụ:


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

1 trở thành chuỗi


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

2 với cài đặt mặc định là


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

3

Khi


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

4 được truyền dưới dạng một chuỗi, nó phải được mã hóa bằng cách sử dụng mã hóa chính xác cho


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

5, theo mặc định là


$.ajax();

5

Trong các yêu cầu với


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

7 hoặc


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

2, nếu chuỗi chứa dấu chấm hỏi kép (


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

9) ở bất kỳ đâu trong URL hoặc một dấu hỏi duy nhất (


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

0) trong chuỗi truy vấn, thì chuỗi này sẽ được thay thế bằng một giá trị do jQuery tạo ra, duy nhất cho mỗi bản sao . g.


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

1)

bộ lọc dữ liệu
Loại. (dữ liệu, loại) =>
Một chức năng được sử dụng để xử lý dữ liệu phản hồi thô của XMLHttpRequest. Đây là chức năng lọc trước để khử trùng phản hồi. Bạn nên trả lại dữ liệu đã được làm sạch. Hàm chấp nhận hai đối số. Dữ liệu thô được trả về từ máy chủ và tham số 'dataType'

kiểu dữ liệu (mặc định.


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

2)

Loại.

Loại dữ liệu mà bạn mong nhận được từ máy chủ. Nếu không có chỉ định nào được chỉ định, jQuery sẽ cố gắng suy luận nó dựa trên loại MIME của phản hồi (một loại MIME XML sẽ tạo ra XML, trong 1. 4 JSON sẽ tạo ra một đối tượng JavaScript, trong 1. 4 sẽ thực thi tập lệnh và mọi thứ khác sẽ được trả về dưới dạng chuỗi). Các loại có sẵn (và kết quả được chuyển làm đối số đầu tiên cho lệnh gọi lại thành công của bạn) là


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

3. Trả về một tài liệu XML có thể được xử lý thông qua jQuery


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

4. Trả về HTML dưới dạng văn bản thuần túy;


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

5. Đánh giá phản hồi dưới dạng JavaScript và trả về dưới dạng văn bản thuần túy. Vô hiệu hóa bộ nhớ đệm bằng cách nối thêm tham số chuỗi truy vấn,


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

6, vào URL trừ khi tùy chọn


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

1 được đặt thành


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9. Ghi chú. Điều này sẽ biến POST thành GET cho các yêu cầu tên miền từ xa. Trước jQuery 3. 5. 0, phản hồi HTTP không thành công với tập lệnh


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

9 vẫn được thực thi


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

0. Đánh giá phản hồi dưới dạng JSON và trả về một đối tượng JavaScript. Tên miền chéo


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

0 yêu cầu có trình giữ chỗ gọi lại, e. g.


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

2, được thực hiện bằng JSONP trừ khi yêu cầu bao gồm


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

3 trong các tùy chọn yêu cầu của nó. Dữ liệu JSON được phân tích cú pháp một cách chặt chẽ; . Kể từ jQuery 1. 9, một phản hồi trống cũng bị từ chối; . (Xem json. org để biết thêm thông tin về định dạng JSON phù hợp. )


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

6. Tải trong một khối JSON bằng JSONP. Thêm một


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

7 bổ sung vào cuối URL của bạn để chỉ định cuộc gọi lại. Vô hiệu hóa bộ nhớ đệm bằng cách nối thêm tham số chuỗi truy vấn,


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

8, vào URL trừ khi tùy chọn


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

1 được đặt thành


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9


$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

1. Một chuỗi văn bản đơn giản

nhiều giá trị được phân tách bằng dấu cách. Kể từ jQuery 1. 5, jQuery có thể chuyển đổi một Kiểu dữ liệu từ những gì nó nhận được trong tiêu đề Kiểu Nội dung thành những gì bạn yêu cầu. Ví dụ: nếu bạn muốn phản hồi văn bản được xử lý dưới dạng XML, hãy sử dụng
```
$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });
```
2 cho Kiểu dữ liệu. Bạn cũng có thể tạo một yêu cầu JSONP, nhận nó dưới dạng văn bản và được jQuery diễn giải dưới dạng XML.
```
$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });
```
3. Tương tự, một chuỗi tốc ký chẳng hạn như
```
$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });
```
4 trước tiên sẽ cố gắng chuyển đổi từ jsonp sang xml và nếu không, chuyển đổi từ jsonp sang văn bản, sau đó từ văn bản sang xml

lỗi
Loại. ( jqXHR, textStatus, errorThrown )
Một chức năng được gọi nếu yêu cầu không thành công. Hàm nhận ba đối số. jqXHR (trong jQuery 1. 4. x, XMLHttpRequest), một chuỗi mô tả loại lỗi đã xảy ra và một đối tượng ngoại lệ tùy chọn, nếu xảy ra. Các giá trị có thể có cho đối số thứ hai (ngoài
```
$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});
```
4) là
```
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});
```
8,
```
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});
```
7,
```
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});
```
9 và
```
$.ajax();
```
0. Khi xảy ra lỗi HTTP,
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
00 sẽ nhận được phần văn bản của trạng thái HTTP, chẳng hạn như "Không tìm thấy" hoặc "Lỗi máy chủ nội bộ. " (trong HTTP/2, nó có thể là một chuỗi rỗng) Kể từ jQuery 1. 5, cài đặt
```
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});
```
3 có thể chấp nhận một loạt chức năng. Mỗi chức năng sẽ được gọi lần lượt. Ghi chú. Trình xử lý này không được gọi cho tập lệnh tên miền chéo và yêu cầu JSONP tên miền chéo. Đây là một sự kiện Ajax

toàn cầu (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9)

Loại.

Có kích hoạt trình xử lý sự kiện Ajax toàn cầu cho yêu cầu này hay không. Mặc định là


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9. Đặt thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1 để ngăn không cho các trình xử lý chung như


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

05 hoặc


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

06 được kích hoạt. Điều này có thể được sử dụng để kiểm soát các Sự kiện Ajax khác nhau

tiêu đề (mặc định.


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

5)

Loại.

Một đối tượng gồm các cặp khóa/giá trị tiêu đề bổ sung để gửi cùng với các yêu cầu bằng cách sử dụng phương tiện truyền tải XMLHttpRequest. Tiêu đề


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

08 luôn được thêm vào, nhưng giá trị mặc định của nó là


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

09 có thể được thay đổi tại đây. Các giá trị trong cài đặt


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

10 cũng có thể được ghi đè từ bên trong hàm


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

7. (đã thêm phiên bản. 1. 5)

ifModified (mặc định.
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
1)
Loại.
Chỉ cho phép yêu cầu thành công nếu phản hồi đã thay đổi kể từ yêu cầu cuối cùng. Điều này được thực hiện bằng cách kiểm tra tiêu đề Last-Modified. Giá trị mặc định là
```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
1, bỏ qua tiêu đề. Trong jQuery1. 4 kỹ thuật này cũng kiểm tra 'etag' do máy chủ chỉ định để bắt dữ liệu chưa sửa đổi

isLocal (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

14)

Loại.

Cho phép nhận dạng môi trường hiện tại là "cục bộ" (e. g. hệ thống tập tin), ngay cả khi jQuery không nhận ra nó theo mặc định. Các giao thức sau đây hiện được công nhận là cục bộ.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

15,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

16 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

17. Nếu cài đặt


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

18 cần sửa đổi, bạn nên thực hiện việc này một lần trong phương pháp


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

19. (đã thêm phiên bản. 1. 5. 1)

jsonp

Loại. hoặc là

Ghi đè tên hàm gọi lại trong yêu cầu JSONP. Giá trị này sẽ được sử dụng thay vì 'gọi lại' trong 'gọi lại =?' . Vì vậy,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

20 sẽ dẫn đến


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

21 được chuyển đến máy chủ. Kể từ jQuery 1. 5, đặt tùy chọn


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

22 thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1 ngăn jQuery thêm chuỗi "?callback" vào URL hoặc cố gắng sử dụng "=?" . Trong trường hợp này, bạn cũng nên đặt rõ ràng cài đặt


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

24. Ví dụ,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

25. Nếu bạn không tin tưởng mục tiêu của các yêu cầu Ajax của mình, hãy cân nhắc đặt thuộc tính


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

22 thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1 vì lý do bảo mật

jsonpGọi lại
Loại. hoặc là ()
Chỉ định tên hàm gọi lại cho yêu cầu JSONP. Giá trị này sẽ được sử dụng thay cho tên ngẫu nhiên do jQuery tự động tạo. Tốt hơn là để jQuery tạo một tên duy nhất vì nó sẽ giúp quản lý các yêu cầu dễ dàng hơn và cung cấp các lệnh gọi lại cũng như xử lý lỗi. Bạn có thể muốn chỉ định cuộc gọi lại khi bạn muốn bật bộ nhớ đệm trình duyệt tốt hơn cho các yêu cầu GET. Kể từ jQuery 1. 5, bạn cũng có thể sử dụng một hàm cho cài đặt này, trong trường hợp đó, giá trị của
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
24 được đặt thành giá trị trả về của hàm đó

phương pháp (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

29)

Loại.

Phương thức HTTP sẽ sử dụng cho yêu cầu (e. g.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

30,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

31,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

32). (đã thêm phiên bản. 1. 9. 0)

loại kịch câm
Loại.
Một loại kịch câm để ghi đè loại kịch câm XHR. (đã thêm phiên bản. 1. 5. 1)
mật khẩu mở khóa
Loại.
Mật khẩu được sử dụng với XMLHttpRequest để phản hồi yêu cầu xác thực truy cập HTTP

processData (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9)

Loại.

Theo mặc định, dữ liệu được chuyển vào tùy chọn


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

4 dưới dạng đối tượng (về mặt kỹ thuật, bất kỳ thứ gì khác ngoài chuỗi) sẽ được xử lý và chuyển đổi thành chuỗi truy vấn, phù hợp với loại nội dung mặc định "application/x-www-form-urlencoding". Nếu bạn muốn gửi DOMDocument hoặc dữ liệu chưa được xử lý khác, hãy đặt tùy chọn này thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1

scriptAttrs
Loại.
Xác định một đối tượng có các thuộc tính bổ sung sẽ được sử dụng trong yêu cầu "script" hoặc "jsonp". Khóa đại diện cho tên của thuộc tính và giá trị là giá trị của thuộc tính. Nếu đối tượng này được cung cấp, nó sẽ buộc sử dụng phương thức vận chuyển thẻ tập lệnh. Ví dụ: điều này có thể được sử dụng để đặt các thuộc tính
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
36,
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
37 hoặc
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
38 nhằm đáp ứng các yêu cầu của Chính sách bảo mật nội dung. (đã thêm phiên bản. 3. 4. 0)
tập lệnhCharset
Loại.
Chỉ áp dụng khi vận chuyển "tập lệnh" được sử dụng. Đặt thuộc tính
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
39 trên thẻ tập lệnh được sử dụng trong yêu cầu. Được sử dụng khi bộ ký tự trên trang cục bộ không giống với ký tự trên tập lệnh từ xa. Ngoài ra, thay vào đó, thuộc tính
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
39 có thể được chỉ định trong
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
41, điều này cũng sẽ đảm bảo việc sử dụng phương tiện truyền tải "tập lệnh"
mã trạng thái (mặc định.
```
$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});
```
5)
Loại.
Một đối tượng gồm các mã số HTTP và các hàm sẽ được gọi khi phản hồi có mã tương ứng. Ví dụ: phần sau sẽ cảnh báo khi trạng thái phản hồi là 404
1
2
3
4
5
6
7
________số 8_______
Nếu yêu cầu thành công, các hàm mã trạng thái sẽ nhận các tham số giống như gọi lại thành công;
(phiên bản đã thêm. 1. 5)
sự thành công
Loại. (dữ liệu, textStatus, jqXHR)
Một chức năng được gọi nếu yêu cầu thành công. Hàm được truyền ba đối số. Dữ liệu được trả về từ máy chủ, được định dạng theo tham số
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
5 hoặc hàm gọi lại
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
45, nếu được chỉ định; . 4. x, đối tượng XMLHttpRequest). Kể từ jQuery 1. 5, cài đặt thành công có thể chấp nhận một loạt các chức năng. Mỗi chức năng sẽ được gọi lần lượt. Đây là một sự kiện Ajax
hết giờ
Loại.
Đặt thời gian chờ (tính bằng mili giây) cho yêu cầu. Giá trị bằng 0 có nghĩa là sẽ không có thời gian chờ. Điều này sẽ ghi đè bất kỳ thời gian chờ toàn cầu nào được đặt bằng $. cài đặt ajax(). Khoảng thời gian chờ bắt đầu tại thời điểm cuộc gọi
```
$.ajax();
```
9 được thực hiện; . Trong jQuery1. 4. x trở xuống, đối tượng XMLHttpRequest sẽ ở trạng thái không hợp lệ nếu hết thời gian yêu cầu; . Trong Firefox 3. 0+, các yêu cầu tập lệnh và JSONP không thể bị hủy khi hết thời gian chờ;
truyền thống
Loại.
Đặt giá trị này thành
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
9 nếu bạn muốn sử dụng kiểu tuần tự hóa thông số truyền thống

loại (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

29)

Loại.

Bí danh cho


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

50. Bạn nên sử dụng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

51 nếu bạn đang sử dụng các phiên bản jQuery trước 1. 9. 0

url (mặc định.


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

52)

Loại.

Một chuỗi chứa URL mà yêu cầu được gửi đến

tên tài khoản
Loại.
Tên người dùng được sử dụng với XMLHttpRequest để phản hồi yêu cầu xác thực truy cập HTTP
xhr (mặc định.
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
53)
Loại. ()
Gọi lại để tạo đối tượng XMLHttpRequest. Mặc định là ActiveXObject khi khả dụng (IE), XMLHttpRequest nếu không. Ghi đè để cung cấp triển khai của riêng bạn cho XMLHttpRequest hoặc các cải tiến cho nhà máy

xhrFields

Loại.

Một đối tượng của các cặp fieldName-fieldValue để đặt trên đối tượng gốc


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

54. Ví dụ: bạn có thể sử dụng nó để đặt


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

55 thành


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9 cho các yêu cầu tên miền chéo nếu cần

1

2

3

4

5

6


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

Trong jQuery1. 5, thuộc tính


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

55 không được truyền tới


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

54 gốc và do đó các yêu cầu CORS yêu cầu nó sẽ bỏ qua cờ này. Vì lý do này, chúng tôi khuyên bạn nên sử dụng jQuery 1. 5. 1+ nếu bạn cần sử dụng nó

(phiên bản đã thêm. 1. 5. 1)

Hàm


$.ajax();

3 làm cơ sở cho tất cả các yêu cầu Ajax được gửi bởi jQuery. Thường không cần thiết phải gọi trực tiếp hàm này vì một số hàm thay thế cấp cao hơn như


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

60 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

61 có sẵn và dễ sử dụng hơn. Tuy nhiên, nếu các tùy chọn ít phổ biến hơn được yêu cầu, thì ____27_______3 có thể được sử dụng linh hoạt hơn

Đơn giản nhất, hàm


$.ajax();

3 có thể được gọi mà không có đối số

1


$.ajax();

Ghi chú. Cài đặt mặc định có thể được đặt trên toàn cầu bằng cách sử dụng chức năng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

64

Ví dụ này, không sử dụng tùy chọn nào, tải nội dung của trang hiện tại, nhưng không ảnh hưởng gì đến kết quả. Để sử dụng kết quả, bạn có thể triển khai một trong các chức năng gọi lại

Đối tượng jqXHR

Đối tượng jQuery XMLHttpRequest (jqXHR) được trả về bởi


$.ajax();

3 kể từ jQuery 1. 5 là tập hợp lớn nhất của đối tượng XMLHttpRequest gốc của trình duyệt. Ví dụ: nó chứa các thuộc tính


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

66 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

67, cũng như phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

68. Khi cơ chế truyền tải không phải là XMLHttpRequest (ví dụ: thẻ tập lệnh cho yêu cầu JSONP), đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46 mô phỏng chức năng XHR gốc nếu có thể

Kể từ jQuery 1. 5. 1, đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46 cũng chứa phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

71 (có sẵn trong jQuery 1. 4. x, nhưng tạm thời bị xóa trong jQuery 1. 5). Phương pháp


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

72 có thể được sử dụng trong hàm gọi lại


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

73, ví dụ, để sửa đổi tiêu đề kiểu nội dung phản hồi

1

2

3

4

5

6

7

8

9

10

11


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

Các đối tượng jqXHR được trả về bởi


$.ajax();

3 kể từ jQuery 1. 5 triển khai giao diện Promise, cung cấp cho chúng tất cả các thuộc tính, phương thức và hành vi của Promise (xem Đối tượng bị trì hoãn để biết thêm thông tin). Các phương thức này nhận một hoặc nhiều đối số hàm được gọi khi yêu cầu


$.ajax();

3 kết thúc. Điều này cho phép bạn chỉ định nhiều cuộc gọi lại cho một yêu cầu và thậm chí chỉ định các cuộc gọi lại sau khi yêu cầu có thể đã hoàn thành. (Nếu yêu cầu đã hoàn thành, cuộc gọi lại sẽ được kích hoạt ngay lập tức. ) Các phương thức Promise có sẵn của đối tượng jqXHR bao gồm

jqXHR. xong (hàm (dữ liệu, textStatus, jqXHR) {});
Cấu trúc thay thế cho tùy chọn gọi lại thành công, tham khảo
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
76 để biết chi tiết triển khai

jqXHR. thất bại (chức năng (jqXHR, textStatus, errorThrown) {});

Một cấu trúc thay thế cho tùy chọn gọi lại lỗi, phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

77 thay thế phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

78 không dùng nữa. Tham khảo


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

79 để biết chi tiết triển khai

jqXHR. luôn luôn (chức năng (dữ liệu. jqXHR, textStatus, jqXHR. errorThrown ) { }); . 6)

Một cấu trúc thay thế cho tùy chọn gọi lại hoàn chỉnh, phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

80 thay thế phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

81 không dùng nữa

Để đáp lại một yêu cầu thành công, các đối số của hàm giống như đối số của


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

82. dữ liệu, textStatus và đối tượng jqXHR. Đối với các yêu cầu không thành công, các đối số giống như của


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

77. đối tượng jqXHR, textStatus và errorThrown. Tham khảo


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

84 để biết chi tiết triển khai

jqXHR. sau đó (hàm (dữ liệu, textStatus, jqXHR) {}, hàm (jqXHR, textStatus, errorThrown) {});

Kết hợp chức năng của các phương thức


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

82 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

77, cho phép (kể từ jQuery 1. 8) Lời hứa cơ bản sẽ bị thao túng. Tham khảo


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

87 để biết chi tiết triển khai

Thông báo Khấu hao. Các cuộc gọi lại


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

88,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

89 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

90 đã bị xóa kể từ jQuery 3. 0. Bạn có thể sử dụng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

5,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

92 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

93 để thay thế

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19


// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

Tham chiếu


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

94 trong tất cả các cuộc gọi lại là đối tượng trong tùy chọn


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

95 được chuyển đến


$.ajax();

9 trong cài đặt;

Để tương thích ngược với


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

09, một đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46 sẽ hiển thị các thuộc tính và phương thức sau


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

01


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

67 và/hoặc


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

66 khi yêu cầu cơ bản được phản hồi bằng xml và/hoặc văn bản tương ứng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

04


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

05 (có thể là một chuỗi rỗng trong HTTP/2)


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

06


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

07 dưới dạng một chuỗi


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

08


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

09

```
$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
```
10 khác với tiêu chuẩn bằng cách thay thế giá trị cũ bằng giá trị mới thay vì nối giá trị mới với giá trị cũ


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

11

Tuy nhiên, không có cơ chế


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

12 nào được cung cấp, vì


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

13,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

14,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

15 và


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

16 bao gồm tất cả các yêu cầu có thể hiểu được

Hàng đợi chức năng gọi lại

Các tùy chọn


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

7,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

3,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

45,


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

2 và


$.ajax();

1 đều chấp nhận các chức năng gọi lại được gọi vào những thời điểm thích hợp

Kể từ jQuery 1. 5,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

14 và


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

13, và kể từ jQuery 1. 6,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

15 móc gọi lại là hàng đợi được quản lý vào trước, ra trước, cho phép nhiều hơn một lệnh gọi lại cho mỗi móc. Xem các phương thức đối tượng Trì hoãn, được triển khai nội bộ cho các móc gọi lại


$.ajax();

3 này

Các hook gọi lại được cung cấp bởi


$.ajax();

3 như sau

tùy chọn gọi lại


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

7 được gọi;

Tùy chọn gọi lại
```
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});
```
3 được gọi, nếu yêu cầu không thành công. Nó nhận được
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
46, một chuỗi cho biết loại lỗi và một đối tượng ngoại lệ nếu có. Một số lỗi tích hợp sẽ cung cấp một chuỗi làm đối tượng ngoại lệ. "hủy bỏ", "hết thời gian chờ", "Không vận chuyển"

Tùy chọn gọi lại


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

45 được gọi ngay sau khi nhận thành công dữ liệu phản hồi. Nó nhận dữ liệu được trả về và giá trị của


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

5, đồng thời phải trả lại dữ liệu (có thể đã thay đổi) để chuyển sang


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

2

Tùy chọn gọi lại


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

2 được gọi, nếu yêu cầu thành công. Nó nhận dữ liệu trả về, một chuỗi chứa mã thành công và đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46

Các cuộc gọi lại lời hứa —


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

82,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

77,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

80 và


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

40 — được gọi, theo thứ tự chúng được đăng ký

```
$.ajax();
```
1 tùy chọn gọi lại kích hoạt, khi yêu cầu kết thúc, cho dù thất bại hay thành công. Nó nhận đối tượng
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
46, cũng như một chuỗi chứa mã thành công hoặc mã lỗi

Loại dữ liệu

Các loại phản hồi khác nhau đối với lệnh gọi


$.ajax();

3 phải trải qua các loại tiền xử lý khác nhau trước khi được chuyển đến trình xử lý thành công. Theo mặc định, loại tiền xử lý phụ thuộc vào Loại nội dung của phản hồi, nhưng có thể được đặt rõ ràng bằng cách sử dụng tùy chọn


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

5. Nếu tùy chọn


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

5 được cung cấp, tiêu đề Kiểu nội dung của phản hồi sẽ bị bỏ qua

Các loại dữ liệu có sẵn là


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

46,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

47,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

48,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

49,


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

22 và


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

51

Nếu


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

46 hoặc


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

47 được chỉ định, thì không có quá trình tiền xử lý nào xảy ra. Dữ liệu chỉ đơn giản được chuyển đến trình xử lý thành công và được cung cấp thông qua thuộc tính


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

66 của đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46

Nếu


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

48 được chỉ định, phản hồi được phân tích cú pháp bằng cách sử dụng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

57 trước khi được chuyển, dưới dạng , cho trình xử lý thành công. Tài liệu XML được cung cấp thông qua thuộc tính


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

67 của đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46

Nếu


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

49 được chỉ định, phản hồi được phân tích cú pháp bằng cách sử dụng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

62 trước khi được chuyển, dưới dạng đối tượng, tới trình xử lý thành công. Đối tượng JSON được phân tích cú pháp được cung cấp thông qua thuộc tính


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

63 của đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

46

Nếu


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

51 được chỉ định, thì


$.ajax();

3 sẽ thực thi JavaScript nhận được từ máy chủ trước khi chuyển nó tới trình xử lý thành công dưới dạng chuỗi

Nếu


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

22 được chỉ định, thì


$.ajax();

3 sẽ tự động thêm một tham số chuỗi truy vấn (theo mặc định)


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

69 vào URL. Thuộc tính


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

22 và


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

24 của các cài đặt được chuyển đến


$.ajax();

3 có thể được sử dụng để chỉ định, tương ứng, tên của tham số chuỗi truy vấn và tên của hàm gọi lại JSONP. Máy chủ sẽ trả về JavaScript hợp lệ chuyển phản hồi JSON vào hàm gọi lại.


$.ajax();

3 sẽ thực thi JavaScript được trả về, gọi hàm gọi lại JSONP, trước khi chuyển đối tượng JSON có trong phản hồi tới trình xử lý thành công


$.ajax();

3

Để biết thêm thông tin về JSONP, hãy xem bài viết gốc nêu chi tiết việc sử dụng nó

Gửi dữ liệu đến máy chủ

Theo mặc định, các yêu cầu Ajax được gửi bằng phương thức GET HTTP. Nếu phương thức POST là bắt buộc, phương thức này có thể được chỉ định bằng cách đặt giá trị cho tùy chọn


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

51. Tùy chọn này ảnh hưởng đến cách gửi nội dung của tùy chọn


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

4 đến máy chủ. Dữ liệu POST sẽ luôn được truyền đến máy chủ bằng bộ ký tự UTF-8, theo tiêu chuẩn W3C XMLHTTPRequest

Tùy chọn


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

4 có thể chứa một chuỗi truy vấn có dạng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

78 hoặc một đối tượng có dạng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

79. Nếu hình thức thứ hai được sử dụng, dữ liệu được chuyển đổi thành chuỗi truy vấn bằng cách sử dụng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

80 trước khi gửi đi. Quá trình xử lý này có thể bị phá vỡ bằng cách đặt


$.ajax({
  url: "https://fiddle.jshell.net/favicon.png",
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
  }
})
  .done(function( data ) {
    if ( console && console.log ) {
      console.log( "Sample of data:", data.slice( 0, 100 ) );
    }
  });

6 thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1. Quá trình xử lý có thể không mong muốn nếu bạn muốn gửi một đối tượng XML tới máy chủ;

Tùy chọn nâng cao

Tùy chọn


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

85 ngăn các trình xử lý đã đăng ký sử dụng


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

86,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

87 và các phương pháp tương tự kích hoạt khi yêu cầu này sẽ kích hoạt chúng. Ví dụ: điều này có thể hữu ích để chặn chỉ báo tải đã được triển khai với


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

86 nếu yêu cầu thường xuyên và ngắn gọn. Với tập lệnh tên miền chéo và yêu cầu JSONP, tùy chọn chung được tự động đặt thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1. Xem mô tả về các phương pháp này bên dưới để biết thêm chi tiết

Nếu máy chủ thực hiện xác thực HTTP trước khi cung cấp phản hồi, cặp tên người dùng và mật khẩu có thể được gửi qua tùy chọn


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

90 và


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

91

Các yêu cầu Ajax bị giới hạn về thời gian, vì vậy các lỗi có thể được phát hiện và xử lý để cung cấp trải nghiệm người dùng tốt hơn. Thời gian chờ của yêu cầu thường được để ở mặc định hoặc được đặt làm mặc định chung bằng cách sử dụng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

64 thay vì bị ghi đè đối với các yêu cầu cụ thể bằng tùy chọn


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

93

Theo mặc định, các yêu cầu luôn được đưa ra, nhưng trình duyệt có thể cung cấp kết quả từ bộ đệm của nó. Để không cho phép sử dụng các kết quả được lưu trong bộ nhớ cache, hãy đặt


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

1 thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1. Để khiến yêu cầu báo cáo lỗi nếu nội dung không được sửa đổi kể từ yêu cầu cuối cùng, hãy đặt


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

96 thành


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

98 cho phép bộ ký tự được chỉ định rõ ràng cho các yêu cầu sử dụng thẻ


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

99 (nghĩa là một loại


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

51 hoặc


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

22). Điều này hữu ích nếu tập lệnh và trang lưu trữ có các bộ ký tự khác nhau

Chữ cái đầu tiên trong Ajax là viết tắt của "không đồng bộ", nghĩa là hoạt động xảy ra song song và thứ tự hoàn thành không được đảm bảo. Tùy chọn


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

02 thành


$.ajax();

3 mặc định là


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

9, cho biết rằng việc thực thi mã có thể tiếp tục sau khi yêu cầu được thực hiện. Đặt tùy chọn này thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1 (và do đó làm cho cuộc gọi không còn không đồng bộ nữa) không được khuyến khích vì nó có thể khiến trình duyệt không phản hồi

Hàm


$.ajax();

3 trả về đối tượng


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

09 mà nó tạo. Thông thường, jQuery xử lý việc tạo đối tượng này bên trong, nhưng có thể chỉ định chức năng tùy chỉnh để sản xuất đối tượng này bằng cách sử dụng tùy chọn


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

08. Đối tượng được trả về thường có thể bị loại bỏ, nhưng cung cấp giao diện cấp thấp hơn để quan sát và thao tác yêu cầu. Cụ thể, gọi ____18_______09 trên đối tượng sẽ tạm dừng yêu cầu trước khi hoàn thành

Mở rộng Ajax

Kể từ jQuery 1. 5, triển khai Ajax của jQuery bao gồm các bộ lọc trước, vận chuyển và chuyển đổi cho phép bạn mở rộng Ajax với mức độ linh hoạt cao

Sử dụng bộ chuyển đổi


$.ajax();

3 bộ chuyển đổi hỗ trợ ánh xạ các loại dữ liệu sang các loại dữ liệu khác. Tuy nhiên, nếu bạn muốn ánh xạ một loại dữ liệu tùy chỉnh sang một loại đã biết (e. g


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

49), bạn phải thêm sự tương ứng giữa Loại nội dung phản hồi và loại dữ liệu thực tế bằng cách sử dụng tùy chọn


$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

12

1

2

3

4

5

6

7

8

9

10

11


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

Đối tượng bổ sung này là cần thiết vì Kiểu nội dung phản hồi và kiểu dữ liệu không bao giờ có sự tương ứng một đối một nghiêm ngặt (do đó là biểu thức chính quy)

Để chuyển đổi từ một loại được hỗ trợ (e. g


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

46,


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

49) sang loại dữ liệu tùy chỉnh và ngược lại, sử dụng trình chuyển đổi chuyển tiếp khác

1

2

3

4

5

6

7

8

9

10

11

12


$.ajaxSetup({
  contents: {
    mycustomtype: /mycustomtype/
  },
  converters: {
    "text mycustomtype": true,
    "mycustomtype json": function( result ) {
      // Do stuff
      return newresult;
    }
  }
});

Ở trên bây giờ cho phép chuyển từ


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

46 sang


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

7 và sau đó


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

7 sang


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

49

Ghi chú bổ sung

Do các hạn chế về bảo mật của trình duyệt, hầu hết các yêu cầu "Ajax" đều phải tuân theo cùng một chính sách gốc;
Các yêu cầu tập lệnh và JSONP không phải tuân theo các hạn chế về chính sách gốc giống nhau

ví dụ

Lưu một số dữ liệu vào máy chủ và thông báo cho người dùng sau khi hoàn tất

1

2

3

4

5

6

7

8


$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

Truy xuất phiên bản mới nhất của trang HTML

1

2

3

4

5

6

7


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

0

Gửi tài liệu xml dưới dạng dữ liệu đến máy chủ. Bằng cách đặt tùy chọn processData thành


$.ajax({
  statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});

1, việc chuyển đổi tự động dữ liệu thành chuỗi sẽ bị ngăn chặn

1

2

3

4

5

6

7

8


$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

1

Gửi id dưới dạng dữ liệu đến máy chủ, lưu một số dữ liệu vào máy chủ và thông báo cho người dùng sau khi hoàn tất. Nếu yêu cầu không thành công, thông báo cho người dùng

Làm cách nào để thêm tham số vào yêu cầu ajax?

Nếu bạn muốn thêm nhiều thông số thì có thể tách biệt bằng dấu kết thúc như thế này. let param = "abc"; . ajax({ loại. 'POST', url. `/test? myParam=${param}&myParam_2=${param_2}`, dữ liệu. { abc. 123 }, thành công. hàm(resp) { } });

Làm cách nào để chuyển tham số trong lệnh gọi ajax POST?

ajax({ url. 'siêu nhân', loại. 'POST', dữ liệu. { trường1. "xin chào", trường 2. "hello2"} , kiểu nội dung. 'ứng dụng/json; . chức năng (phản hồi) { cảnh báo (phản hồi. tình trạng); . hàm () { cảnh báo ("lỗi");

Làm cách nào để chuyển biến trong dữ liệu ajax?

Truyền các biến JavaScript bằng lệnh gọi AJAX “NHẬN” . create a new object of XMLHttpRequest. Sau đó, chúng ta cần xác định loại yêu cầu và Điểm cuối của API trong phương thức mở và thiết lập một chức năng trong phương thức tải.