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

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)
ajax 1


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

3. Các lưu ý :
  • Đảm bảo rằng URL bạn cung cấp trong xử lý ajax của bạn là đúng đuờng dẫn file PHP xử lý.
  • Dữ liệu trả về phía Client luôn là 1 chuỗi (string)

Chúc các bạn thành công ! 

Theo  ntuts.com

Bài viết liên quan 

Hướng dẫn Cấu hình và cài đặt PHP

Giới thiệu: PHP Framework là gì?

PHP cơ bản - Bài 2:Toán tử và biểu thức trong PHP

Đăng nhận xét - bình luận

Đào tạo tin học KEY

CN: Lê Trọng Tấn

Địa chỉ: 203 - 205 Lê Trọng Tấn, P. Sơn Kỳ, Q. Tân Phú, TP. HCM.
Điện thoại: (028) 22 152 521
Website: key.com.vn - Email: [email protected]

CN: Nguyễn Ảnh Thủ

Địa chỉ: 765-767A (Số mới: 558-560A) Nguyễn Ảnh Thủ, P. Tân Chánh Hiệp, Q. 12, TP. HCM.
Điện thoại: (028) 2242 2244
Website: key.com.vn - Email: [email protected]

Trở lên đầu trang