Trang chủ Lập trình Javascript - HTML Lấy dữ liệu từ một đường dẫn với jQuery

Lấy dữ liệu từ một đường dẫn với jQuery

Hôm nay đụng độ với 1 task mà yêu cầu phải làm mới lại dữ liệu sau khi đã cập nhật. Lúc đầu cách đơn giản nhất là mình đã dùng lện location.reload() để tải lại trang web. Tuy nhiên khách hàng xem xong nói cách này không hay họ muốn quá trình dữ liệu tải lại phải mượt mà và không cần phải tải lại trang.

Nền tảng hệ thống mình đang làm việc nói chung là gò bó hạn chế nhiều vấn đề nên trước khi mình sử dụng hàm gọi API của chính hệ thống để gọi lại dữ liệu. Tuy nhiên cách này yêu cầu mình phải tỉ mỉ trong từng dòng mã HTML để xuất lại cho đúng từng thành phần nên rất khó chịu, nhất là đang là ngày nghỉ nên mình không muốn tốn thời gian nhiều cho công việc. Và trong đầu chợt nghĩ ra giải pháp sẽ dùng 1 hàm gì đó gọi lại chính trang web này dưới dạng mã HTML bình thường rồi chỉ việc lấy đoạn mã cần lấy thay cho đoạn mã hiện tại là được. Và với jQuery thì bạn hoàn toàn có thể làm được điều đó.

Giải thích ý nghĩa hàm ở trên như sau. Hàm sẽ tải trang web có đỉa chị url là: /page dưới dạng ajax. Sau khi lấy xong thì ta sẽ có dữ liệu HTML của trang web này và được gán tên là data. Và ta sẽ dùng các hàm tương ứng để xử lý bóc tách dữ liệu và ta sẽ có được thành phần cần lấy có tên là filteredData. Và ta có thể sử dụng filteredData làm bất cứ nhu cầu gì.

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

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Cách chuyển đổi giao diện Facebook từ mới về giao diện cũ và ngược lại

Hôm rồi tự nhiên Facebook tự động chuyển giao diện đang dùng hiện tại (cũ) sang giao diện mới. OK! Hơi lạ, bất tiện...

12 Quy tắc viết email chuyên nghiệp không phải ai cũng biết

1. Tiêu đề email email rõ ràng, ngắn gọn, đúng trọng tâm. 2. Sử dụng một địa chỉ email chuyên nghiệp. 3. Nghĩ kỹ trước khi...

Hướng dẫn tạo hiệu ứng slow-motion với Instagram Reels

Sau khi cộng đồng công nghệ kêu gọi tẩy chay TikTok vì nghi ngờ ứng dụng này thu thập dữ liệu người dùng thì...

Amazon ra mắt Amazon Honeycode – Công cụ hỗ trợ người dùng tạo ứng dụng di động và web

Mới đây Amazon vừa thông báo ra mắt dịch Amazon Honeycode. Đây là một dịch vụ hỗ trợ người dùng tạo ra các ứng...

Điều gì sẽ xảy ra với cơ thể khi bạn trúng đạn

Chúng ta chắc hẳn đã xem khá nhiều bộ phim hành động mà trong đó nhân vật chính bị trúng đạn vào vai, vào...

BẠN XEM CHƯA

Tình yêu xế chiều

Có khi đi nửa cuộc đời Vẫn không tìm nổi một người mình yêu Có khi chỉ một buổi chiều Gặp người từ ấy mình yêu suốt...

Thời đại của thanh công cụ sắp kết thúc

Nếu các bạn xài máy tính thuở trước chắc cũng quen thuộc với vài ba thanh công cụ (toolbar) được cài vào trình duyệt....

Theo dõi cảnh báo động đất qua mạng Internet

Cơ quan Khảo sát Địa chất Mỹ theo dõi mọi hoạt động động đất trên toàn thế giới. Và mọi cảnh báo đều được...

Hướng dẫn tạo link rút gọn cho tài khoản Paypal

Paypal.Me được Paypal ra mắt vào tháng 9 năm 2015. Paypal.Me là dịch vụ hỗ trợ thanh toán ngang hàng (peer-to-peer) giữa các người...

CopyScape.Com – Công cụ giúp kiểm tra trang web trùng lặp nội dung

Bạn muốn kiểm tra xem nội dung 1 bài viết nào đó trên mạng internet có đang tồn tại trên 1 trang web nào...