Kết quả trả về trong Ajax
Các demo trước mình đang để dữ liệu trả về mặc định. Ở bài này mình sẽ giới thiệu qua 3 kiểu dữ liệu trả về hay dùng nhất trong ajax.
Có 3 kiểu dữ liệu trả về chính là
- TEXT
- XML
- JSON
Kết quả trả về kiểu Text
Mình sẽ demo qua project nhỏ để các bạn hiểu rõ hơn nhé.
Hình ảnh cấu trúc thư mục project demo
Hình ảnh trên là cấu trúc project mình sẽ tạo. Các bạn tạo cho mình cấu trúc y nhơ vậy nhé.
Tiếp theo các bạn mở file index.php lên và điền nội dung như sau.
Và đây là kết quả khi click để load nội dung.
Hình ảnh trước khi load
Hình ảnh sau khi trả về kết quả dạng text
Vậy khi chúng ta muốn trả về dạng text thì chỉ cần khai báo dataType : 'text'.
Kết quả trả về dạng XML
Ở dạng XML này mình ít dùng nên mình sẽ không đi sâu về kiểu dữ liệu trả về này.
Kết quả trả về kiểu JSON
Để sử dụng được dữ liệu trả về dạng json thì trước tiên bạn nên tìm hiểu 2 hàm json_encode và json_decode trong PHP để tránh bỡ ngỡ.
Vẫn cấu trúc thư mục ở trên mình chỉ cần thay đổi một vài dữ liệu như sau.
Đầu tiên ở file index.php bạn sửa nội dung thành như thế này cho mình nhé.
Và file content.php
Và bạn thử xem kết quả sẽ ra như thế nào nhé.
Hi vọng bài viết này sẽ góp phần bổ sung thêm kiến thức cho bạn để bạn hiểu rõ hơn về ajax trong jquery.
Để lại comment của bạn nếu gặp khó khăn