JavaScript AJAX gọi ví dụ GET

Hàm gọi lại được thực thi nếu yêu cầu thành công. Bắt buộc nếu cung cấp

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

Đây là một hàm Ajax tốc ký, tương đương với

1

2

3

4

5

6

$.ajax[{
  url: url,
  data: data,
  success: success,
  dataType: dataType
}];

Hàm gọi lại

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

Kể từ jQuery 1. 5, hàm gọi lại

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];

  

  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

Hầu hết các triển khai sẽ chỉ định trình xử lý thành công

1

2

3

4

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

Ví dụ này tìm nạp đoạn mã HTML được yêu cầu và chèn đoạn mã đó vào trang

Đối tượng jqXHR

Kể từ jQuery 1. 5, tất cả các phương thức Ajax của jQuery đều trả về một siêu đối tượng của đối tượng

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

Giao diện Promise cũng cho phép các phương thức Ajax của jQuery, bao gồm

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

Thông báo Khấu hao

Các phương thức gọi lại

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

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;
• Nếu một yêu cầu với jQuery. get[] trả về một mã lỗi, nó sẽ bị lỗi âm thầm trừ khi tập lệnh cũng được gọi là mã lỗi toàn cầu. phương thức ajaxError[]. Ngoài ra, kể từ jQuery 1. 5, phương thức

  $.get[ "ajax/test.html", function[ data ] {
  
    
  
    $[ ".result" ].html[ data ];
    alert[ "Load was performed." ];
  }];

  36 của đối tượng

  $.get[ "ajax/test.html", function[ data ] {
    $[ ".result" ].html[ data ];
    alert[ "Load was performed." ];
  }];

  8 được trả về bởi jQuery. get[] cũng có sẵn để xử lý lỗi
• 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

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];

$.get[ "ajax/test.html", function[ data ] {
  $[ ".result" ].html[ data ];
  alert[ "Load was performed." ];
}];