Truy cập Database sử dụng AJAX



Chương này mình trình bày một ví dụ minh họa cách truy cập Database bởi sử dụng kỹ thuật AJAX. Trước khi thực hiện ví dụ, bạn cần tạo một bảng có tên là ajax_vietjack trong Database (MySQL chẳng hạn) với các trường như sau:

CREATE TABLE 'ajax_database' (
   'name' varchar(50) NOT NULL,
   'age' int(11) NOT NULL,
   'sex' varchar(1) NOT NULL,
   'wpm' int(11) NOT NULL,
   PRIMARY KEY  ('name')
) 

Tiếp đó bạn sử dụng lệnh INSERT trong MySQL để chèn dữ liệu vào trong bảng.

INSERT INTO 'ajax_database' VALUES ('Phuc', 90, 'm', 20);
INSERT INTO 'ajax_database' VALUES ('Hoang', 75, 'm', 44);
INSERT INTO 'ajax_database' VALUES ('Manh', 45, 'm', 87);
INSERT INTO 'ajax_database' VALUES ('Oanh', 22, 'f', 72);
INSERT INTO 'ajax_database' VALUES ('Huong', 27, 'f', 0);
INSERT INTO 'ajax_database' VALUES ('Lien', 35, 'f', 90);

Nội dung của HTML File trên Client

Tạo một ajax.html trên Client có nội dung giống như:



Max Age:
Max WPM:
Sex:
Hien thi ket qua

Phần code trên sẽ cho bạn một màn hình có dạng:

Max Age: 

Max WPM:

Sex:

Nội dung của PHP File trên Server

Để đơn giản, trong PHP file này mình sẽ lấy tất cả dữ liệu bao gồm age, wpm, sex từ Database và gửi dữ liệu này quay trở lại Client.

Dưới đây là nội dung của ajax-example.php:

";
$display_string .= "";
$display_string .= "Name";
$display_string .= "Age";
$display_string .= "Sex";
$display_string .= "WPM";
$display_string .= "";// Chen mot hang moi vao trong bang
while($row = mysql_fetch_array($qry_result)){
   $display_string .= "";
   $display_string .= "$row[name]";
   $display_string .= "$row[age]";
   $display_string .= "$row[sex]";
   $display_string .= "$row[wpm]";
   $display_string .= "";
}echo "Query: " . $query . "
"; $display_string .= "";echo $display_string; ?>

Cuối cùng, bạn khởi động Server, chạy và kiểm tra kết quả.