Kết quả trả về trong Ajax

628 lượt xem 3 năm trước
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à 

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

project ajax

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.

ket-qua-tra-ve-trong-ajaxHình ảnh trước khi load

ket-qua-tra-ve-trong-ajaxHì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.

Bài viết liên quan

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

123code.net

Bài viết nhiều người đọc

Tạo User và Mật khẩu gán quyền trên vps

2024-12-04 17:35:51

Cách tạo user và mật khẩu cũng như gán quyền trên vps

Cách public port mysql lên url

2024-11-25 09:54:36

Cách public port mysql lên url một cách đơn giản nhưng không nên lạm dụng

Hot Sử dụng Tableau trong Đồ Án Tốt Nghiệp: Bí Quyết Thành Công

2024-11-19 15:03:51

Tableau là một công cụ trực quan hóa dữ liệu mạnh mẽ, được sử dụng rộng rãi trong lĩnh vực phân tích dữ liệu. Với khả năng kết nối đa dạng các nguồn dữ liệu, Tableau giúp sinh viên:

Hot Tổng quan về Tableau: Công cụ phân tích dữ liệu hàng đầu cho đồ án CNTT

2024-11-14 21:14:36

Tableau không chỉ là một công cụ mạnh mẽ mà còn là một lựa chọn tuyệt vời cho các bạn sinh viên và những ai đang làm đồ án CNTT cần phải phân tích và trình bày dữ liệu

Một số gợi ý đề tài đồ án tốt nghiệp do Chatgtp support gợi ý

2023-02-11 15:32:22

Tổng hợp các đề tài đồ án tốt nghiệp khá là hay do AI gợi ý cho chúng ta

Một số tính năng mà đồ án nên có được ChatGtp gợi ý cho chúng ta

2023-02-11 12:54:01

Tổng hợp các tính năng cần có trong đồ án mà công nghệ AI ChatGtp gợi ý cho chúng ta, cùng xem nhé

Một bài giới thiệu code thuê đồ án cntt từ tác giả chatgtp

2023-02-11 11:46:40

Cũng đú đỉnh một chút nay mình thử nhờ chatgtp làm một bài content giới thiệu code thuê đồ án xem như thế nào nhé?

Hot Tổng hợp bài viết hướng dẫn cài đặt và chạy code đồ án bằng php hoạc laravel

2023-01-28 10:33:55

Tổng hợp các bài hướng dẫn cài đặt các phần mềm, ứng dụng, biến môi trường và cách run project bằng mã nguồn php laravel mới nhất

5+ mẫu slide bài tập nhóm lập trình thể hiện tính chuyên nghiệp tức thì

2023-01-06 05:42:33

Giới thiệu đến bạn 5+ các mẫu slide bài tập nhóm lập trình giúp bài báo cáo trở nên chuyên nghiệp tức thì. 123CODE hỗ trợ code bài tập nhóm chính xác, nhanh chóng

Địa chỉ lấy template slide báo cáo website bán hàng

2023-01-06 00:54:26

123code sẽ cùng bạn tham khảo địa chỉ lấy template slide báo cáo website bán hàng đầy đủ nhất

Bài viết liên quan

Thay đổi mật khẩu user trong postgres
1287 lượt xem 2022-08-31 13:22:06
Phân trang trong nestjs
1271 lượt xem 2022-08-26 02:14:03
Hướng dẫn - Cách export CSDL từ phpmyadmin
1121 lượt xem 2022-05-14 13:36:04
Đồ án website quản lý HB - Bài 9
1232 lượt xem 2021-12-08 15:24:47
Đồ án website quản lý HB - Bài 8
1110 lượt xem 2021-12-08 15:10:50
Đồ án website quản lý HB - Bài 7
1174 lượt xem 2021-12-05 00:34:06
Đồ án website quản lý HB - Bài 6
1242 lượt xem 2021-12-05 00:11:05