Kết hợp sử dụng json (AJAX) với jQuery và php

1. JSON là gì

Là 1 định dạng trao đổi dữ liệu
Là 1 phuơng thức thông dụng cho việc truyền dữ liệu giữa các máy với nhau (Client-Server)

2. Các phuơng thức hỗ trợ và tự động phân tích JSON trong jQuery

jQuery.getJSON()
jQuery.ajax()
jQuery.get()
jQuery.post()

3. Lời khuyên khi dùng JSON

Không nên sử dụng jQuery.getJSON(); (kinh nghiêm cho thấy bạn sử dụng sẽ rất khó để tùy biến, về chi tiết bạn có thể xem tại "jQuery getJSON" của jQuery.com
Không nên và đừng bao giờ set 1 option "type" hay "dataType" là kiểu 'json'
JSON trong php trả về 1 string nên đơn giản trong jQuery bạn chỉ cần dùng hàm $.parseJSON(data) (cái này mình sẽ nói chi tiết hơn trong phần ví dụ)

4. Ví dụ đơn giản sử dụng JSON trong jQuery có kết hợp với PHP

Yêu cầu đặt ra: viết 1 hàm view thông tin của thành viên gồm có "username, password, email" có sử dụng Ajax.
Giải pháp: sử dụng jquery(ajax, json) + php

A. Bạn tạo 1 file có tên là "getMember.php", file này có thể đặt bất cứ đâu miễn là chạy đuợc PHP

"getMember.php" chứa tòan bộ code có xử lý phía PHP và gồm luôn cả phần ajax, mình viết này cho các bạn tiện hình dung.
Phiên bản jQuery mình sử dùng là 1.4.2 từ google code

B. Nội dung chính:

1. Xử lý PHP:

tạo 1 biến baseURL để lấy url hiện tại của file đang chạy
dùng $_POST để check request từ client(sử dụng ajax)
sleep(1) //tam thời cho stop 1 giay rùi chạy tiếp => cái này để các bạn có thể nhìn thấy rõ quá trình xử lý
tạo ra 1 mảng member có chứa thông tin của thành viên
dùng hàm json_encode(), mục đích là chuyển mảng vừa tạo thành chuỗi json trả về cho phía Client
sau đó là die: kết thúc ko chạy nữa (stop mọi quá trình sau khi đã trả về dữ liệu)

2. Xử lý Ajax

Các bạn nếu chưa biết rõ về ajax trong jQuery có thể tìm hiểu (google: jquery + ajax)
Trong hàm xử lý ajax bạn phải đảm bảo các yếu tố sau:

url: đuờng dẫn file php sẽ xử lý yêu cầu của bạn
type: kiểu dữ liệu bạn gửi lên Server (POST, GET)
data: dữ liệu bạn gửi lên là gì? (getMember= view)
success: khi server xử lý thành công sẽ trả về ở đây, tai đây bạn sẽ xử lý phân tích chuỗi JSON, và điền dữ liệu vào các textbox.

=> dùng hàm $.parseJSON(string) để phân tích chuỗi JSON, trong đó string là khối dữ liệu trả về từ phía Server.

ajax jquery