Lập trình ajax trong php

Mục lục

• 1. Ajax là gì ?
• 2. Sử dụng Ajax trong PHP (Ajax jQuery)
  • 1. Tạo file xử lý client ajax.php
  • 2. Tạo file xử lý phía server show_data.php

1. Ajax là gì ?

Định nghĩa từ wikipedia :

Ajax (asynchronous JavaScript and XML) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With Ajax, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. Data can be retrieved using the XMLHttpRequest object. Despite the name, the use of XML is not required (JSON is often used in the AJAJ variant), and the requests do not need to be asynchronous.

Về ajax là gì thì các bạn có thể search trên google với từ khóa “ajax” sẽ cho ra hàng nghìn kết quả. Trong phạm vi bài viết này mình không đi sâu về giải thích khái niệm ngữ nghĩa của nó. Mà mình tập trung vào demo cho các bạn thấy sự kết hợp giữa Ajax và PHP. Nhưng mình cũng xin đưa ra một định nghĩa cá nhân (có thể không đẩy đủ) nhưng có thể sẽ giúp các bạn dễ hiểu hơn.

Ajax là bộ máy trung gian, xử lý tương tác dữ liệu giữa client và server, với dữ liệu trả về từ server có thể là json, xml, text,….Ajax là cách mà chúng ta xử lý dữ liệu tại một số phần nhỏ trên ứng dụng web mà không cần phải load lại toàn bộ trang web, giúp cho người dùng có trải nghiệm website thú vị hơn, mượt hơn…bla…bla..bla 🙂

2. Sử dụng Ajax trong PHP (Ajax jQuery)

Để các bạn dễ hình dung cách sử dụng ajax trong php, mình sẽ lấy ví dụ là tạo form đăng ký đơn giản với ajax và PHP

1. Tạo file xử lý client ajax.php

Đầu tiên, các bạn tạo 1 file đặt tên là ajax.php (bạn có thể đặt tên file tùy ý, không nhất thiết phải là ajax.php nhé !). Trong file này các bạn gõ code như dưới đây để tạo ra một form đăng ký đơn giản bao gồm : tên đăng nhập, mật mã, địa chỉ email, tuổi, giới tính, ngày sinh

	
	
	
	


	

		

			
Tên đăng nhập

			
Mật mã

			
Địa chỉ email

			

				
Giới tính

				

					Nam Nữ
				
			
			

				
Tuổi

				

					
						
							  
						
						
					
				
			
			
Ngày sinh

			
 

		
	
	

Các bạn lưu ý là ở bài viết này mình sử dụng jquery.ajax() , nên các bạn phải include 2 dòng gọi tới thư viện jquery này trong thẻ nhé :

OK, giờ thi chạy file ajax.php trên trình duyệt bạn sẽ có được giao diên hiển thị như sau :

Công việc tiếp theo của chúng ta đó là khi mà người dùng click vào nút Đăng ký, ta sẽ tiến hành lấy thông tin từ các input như username, password, email,… và gửi vào server để xử lý. Trong file ajax.php, các bạn thêm đoạn code như sau :

Giải thích : Đoạn mã javascript trên chính là mình đang sử dụng jquery.ajax của jquery. Đoạn code này có trách nhiệm là lấy toàn bộ thông tin như username, password, email,… trong form bằng hàm form.serialize() , và gửi đi xuống file phía dưới server là show.data.php để xử lý. Nếu như dữ liệu được gửi thành công, thì trong hàm success sẽ có kết quả trả về được lưu trong tham số response.

2. Tạo file xử lý phía server show_data.php

Trong file này chúng ta sẽ có nội dung như sau :

Code trong file này khá đơn giản, đó là ta sẽ lấy thông tin gửi từ file ajax.php qua phương thức POST, và tiến hành echo dữ liệu lấy được để kiểm tra xem chúng ta đã lấy được thông tin thành công hay chưa.

Ok, giờ save file này lại. Các bạn vào trình duyệt (nên dùng firefox, có cài plugin firebug để xem kết quả trả về cho rõ), chạy lại file ajax.php vừa nãy, (nhớ ấn inspect element , phím tắt F12 ) điền đầy đủ thông tin và ấn Đăng ký bạn sẽ thấy kết quả trả về như hình dưới đây là các bạn đã thực hành thành công ^_^

Kết thúc bài viết Sử dụng Ajax trong PHP, có thắc mắc hay ý kiến gì từ bài viết thì bạn để lại comment bên dưới nhé. Để chúng ta cùng trao đổi, học hỏi, tiến bộ hơn. À, đừng quên Đăng ký bài viết bên thanh sidebar bên trái để nhận các bài viết từ blog Kungfu PHP khi có bài mới nhé.

Thân !

Mình là Hiếu.
Người sáng lập ra blog Kungfu PHP chia sẻ mọi thứ về tiền điện tử, mmo, lập trình,…
Một câu nói mà mình rất thích đó là “Cuộc đời chỉ có một, vì thế hãy làm những gì khiến bạn hạnh phúc và ở bên người khiến bạn luôn mỉm cười”.
Hy vọng nơi đây là góc cafe nhỏ để chúng ta có thể trao đổi, cùng nhau phát triển.

►Nếu bạn thấy bài viết bạn đang đọc hữu ích, hãy mời mình một ly cafe nhé : https://kungfuphp.com/donate