Làm cách nào để lấy dữ liệu từ jQuery trong PHP?

Ví dụ sau đây sẽ minh họa cách một trang web có thể giao tiếp với máy chủ web trong khi người dùng nhập các ký tự vào trường nhập liệu

Ví dụ

Bắt đầu nhập tên vào trường nhập bên dưới

gợi ý

Ví dụ giải thích

Trong ví dụ trên, khi người dùng nhập một ký tự vào trường nhập liệu, một hàm có tên "showHint[]" sẽ được thực thi

Chức năng được kích hoạt bởi sự kiện onkeyup

Đây là mã HTML

Ví dụ

Bắt đầu nhập tên vào trường nhập bên dưới

Đề xuất.

giải thích mã

Trước tiên, hãy kiểm tra xem trường đầu vào có trống không [chuỗi. chiều dài == 0]. Nếu đúng như vậy, hãy xóa nội dung của trình giữ chỗ txtHint và thoát khỏi chức năng

❮ Các phương thức AJAX của jQuery

Ví dụ

Gửi yêu cầu HTTP GET tới một trang và nhận lại kết quả

$["nút"]. click[function[]{
  $. get["demo_test. asp", chức năng[dữ liệu, trạng thái]{
    alert["Dữ liệu. " + dữ liệu + "\nTrạng thái. " + status];
  }];
}];

Định nghĩa và cách sử dụng

$. phương thức get[] tải dữ liệu từ máy chủ bằng yêu cầu HTTP GET

ví dụ

Yêu cầu "kiểm tra. php", nhưng bỏ qua kết quả trả về

Yêu cầu "kiểm tra. php" và gửi một số dữ liệu bổ sung cùng với yêu cầu [bỏ qua kết quả trả về]

$. nhận ["kiểm tra. php", { tên. "Donald", thị trấn. "Thị trấn vịt" }];

Yêu cầu "kiểm tra. php" và chuyển mảng dữ liệu tới máy chủ [bỏ qua kết quả trả về]

$. nhận ["kiểm tra. php", { 'màu[]'. ["Đỏ lục lam"] }];

Yêu cầu "kiểm tra. php" và thông báo kết quả của yêu cầu

$. nhận ["kiểm tra. php", function[data]{
  alert["Dữ liệu. " + dữ liệu];
}];

cú pháp

$. get[URL,dữ liệu,hàm[dữ liệu,trạng thái,xhr],kiểu dữ liệu]

• dữ liệu - chứa dữ liệu kết quả từ yêu cầu
• status - chứa trạng thái của yêu cầu ["success", "notmodified", "error", "timeout" hoặc "parsererror"]
• xhr - chứa đối tượng XMLHttpRequest

• "xml" - Một tài liệu XML
• "html" - HTML dưới dạng văn bản thuần túy
• "văn bản" - Một chuỗi văn bản thuần túy
• "script" - Chạy phản hồi dưới dạng JavaScript và trả về dưới dạng văn bản thuần túy
• "json" - Chạy phản hồi dưới dạng JSON và trả về một đối tượng JavaScript
• "jsonp" - Tải trong một khối JSON bằng JSONP. Sẽ thêm một "?callback=?"

❮ Các phương thức AJAX của jQuery

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." ];
}];