Kết quả trả về trong Ajax

Có 3 kiểu dữ liệu trả về chính là 

1. TEXT
2. XML
3. 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.

<script src="https://gist.github.com/TrungPhuNA/9729230414740fd7d408a0a4981218a8.js"></script>

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é.

<script src="https://gist.github.com/TrungPhuNA/b7f3d094a0c7f78b643bdeda5278a984.js"></script>

Và file content.php 

<script src="https://gist.github.com/TrungPhuNA/fea8b2c32ce1abbcb07183cab4b05244.js"></script>

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.

123code.net - Tạo cảm giác an toàn, uy tín, chất lượng đến cho mọi người

123code.net mang lại cảm giác an toàn nhất cho bạn, không làm bạn thất vọng, giúp bạn giải quyết được vấn đề đồ án tốt nghiệp ở thời điểm hiện tại và tương lai

- Đưa ra giải pháp, góp ý giúp bạn có được một đề tài đồ án tốt, phù hợp nhất

- Có nhiều tính năng mới, độc giúp thu hút, thuyết phục được giáo viên phản biện cũng như hội đồng bảo vệ đồ án

- Đúng ngày, đúng giờ, đầy đủ yêu cầu - tính năng

=> Nhanh tay đăng ký hoạc liên hệ với admin tại đây để có được một đồ án phù hợp với mình