Phương thức GET trong Jquery

630 lượt xem 2 năm trước
Ở các bài trước mình đã nói sơ qua về khái niệm, demo và một số ứng dụng của nó. Bài viết này mình sẽ hướng dẫn các bạn sử dụng method trong Ajax.

Phương thức GET mình hay sử dụng ở ngoài frontend, ví dụ như load dữ liệu ở sidebar trong các seri các bài học, hay load các nội dung không cần thiết thì mình sẽ cho nó load sau bằng ajax theo phương thức GET để load nội dung.

 jQuery cung cấp chúng ta hai cách sử dụng Ajax với phương thức GET đó là $.ajax và $.get. Ở bài này mình chỉ demo phần $.ajax thôi nhé còn $.get các bạn có thể tìm hiểu thêm

Quay lại ở ví dụ trước mình đã demo phần load dữ liệu bằng ajax 

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

Cú cáp

Method GET ajax

Hình ảnh method Get Ajax

Ở ví dụ trên mình có thực hiện một tính năng load dữ liệu từ file content.html và append nội dung vào một thẻ div có id là content

Tiếp tục ở ví dụ này mình sẽ sử dụng phương thức GET có tham số để xem cách truyền tham số như thế nào nhé.

Quay lại ví dụ hôm trước về bài mở đầu trong loạt bài tìm hiểu ajax bạn có thể xem lại ví dụ tại đây mình sẽ sử dụng tiếp ví dụ đó và có chèn thêm tham số như sau. ( Các bạn chú ý ở ví dụ đó thì mình có để file dạng .html các bạn đổi sang .php giúp mình nhé.

Nội dung file index.php sẽ là 

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

Tiếp theo nội dung file content.php như sau

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

Mình mô tả qua một chút về bài toán này

  • Đầu tiên mình sẽ truyền 1 tham số là age với giá tị là 26 gủi dữ liệu theo phương thức GET sang file content.php.
  • Ở bên file content.php sẽ kiểm tra dữ liệu theo phương thức tương ứng ( Ở đây mình đang dùng GET) để lấy dữ liệu
  • Khi đã lấy dữ liệu thì mình sẽ trả về dữ liệu vừa lấy và hiển thị dữ liệu đó vào thẻ div chứa id là content

Cách sử dụng

  • Mình hay sử dụng phương thức GET để lấy dữ liệu
  • ...

Hi vọng qua bài này các bạn sẽ hiểu thêm một phần nào đó về việc sử dụng ajax. Nếu có gì không hiểu hay thắc mắc các bạn hãy comment ở phía dưới để mình cùng mọi người thảo luận nhé.

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

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

Tham khảo slide công nghệ thông tin cho đồ án tốt nghiệp

2023-01-06 00:48:25

123code cung cấp kho slide để bạn tham khảo slide công nghệ thông tin cho đồ án tốt nghiệp

Nội dung cần trình bày trong slide báo cáo đồ án

2023-01-06 00:32:17

Tham khảo một số ý tưởng tại 123code để làm slide báo cáo đồ án đẹp và ấn tượng cho bài thuyết trình như sau.

Một số nguyên tắc cần biết khi thiết kế slide đồ án

2023-01-06 00:22:15

Cùng 123code tham khảo các nguyên tắc cần tuân thủ khi thiết kế slide đồ án cho sinh viên

Kho tài liệu đồ án miễn phí năm 2022 cho sinh viên CNTT

2023-01-06 00:12:09

Cùng 123code tham khảo kho tài liệu đồ án miễn phí năm 2022 cho các sinh viên theo học ngành CNTT trong bài viết sau

Bài viết liên quan

Thay đổi mật khẩu user trong postgres
1211 lượt xem 2022-08-31 13:22:06
Phân trang trong nestjs
1188 lượt xem 2022-08-26 02:14:03
Hướng dẫn - Cách export CSDL từ phpmyadmin
1058 lượt xem 2022-05-14 13:36:04
Đồ án website quản lý HB - Bài 9
1148 lượt xem 2021-12-08 15:24:47
Đồ án website quản lý HB - Bài 8
1051 lượt xem 2021-12-08 15:10:50
Đồ án website quản lý HB - Bài 7
1112 lượt xem 2021-12-05 00:34:06
Đồ án website quản lý HB - Bài 6
1178 lượt xem 2021-12-05 00:11:05
Đồ án website quản lý HB - Bài 5
1042 lượt xem 2021-12-04 09:12:24
Đồ án website quản lý HB - Bài 4
1167 lượt xem 2021-12-04 08:21:47