AJAX và PHP



Ví dụ ứng dụng AJAX và PHP

Chương này mình sẽ trình bày một ví dụ minh họa cách sử dụng kỹ thuật AJAX trên Client Side và ngôn ngữ PHP trên Server Side.

Trong ví dụ này, khi người dùng gõ một ký tự trong trường input, hàm JavaScript có tên là showHint() sẽ được thực thi. Hàm này được kích hoạt bởi sự kiện onkeyup.


Ban hay nhap mot ten trong truong input ben duoi:

First name:

Suggestion:

Giải thích

Đầu tiên, kiểm tra xem nếu trường input là trống hay không (điều kiện str.length == 0). Nếu là trống thì xóa nội dung của Placeholder và thoát khỏi hàm.

Nếu trường input là không trống, thực hiện:

  • Tạo một đối tượng XMLHttpRequest.

  • Tạo một hàm để thực thi khi Response từ Server đã sẵn sàng.

  • Gửi Request tới một PHP file (giả sử có tên là gethint.php) trên Server.

  • Bạn nên chú ý rằng tham số q được thêm vào "gethint.php?q=" + str.

  • Biến str giữ nội dung của trường input.

Nội dung của gethint.php

PHP file này kiểm tra mảng các tên và sau đó trả về tên tương ứng cho trình duyệt.