Hi, Phòng khách!
Trang chủ
Đăng nhập
Công Cụ Tìm Kiếm

Lần hoạt động

| |
Tìm kiếm

  [Share] Dữ liệu động trên trang web

Bài viết được duyệt bởi PuaruVN
Đăng ngày :09.03.2016 / 15:22[TOP]
Tomdaik
TOMDZ
Sáng Lập Viên
♥♥
[Web Designer & Developer]
Một trang web dữ liệu động là khi chúng ta không cần load trang thì dữ liệu vẫn được Update.
Ví dụ như ở Facebook, khi có thông báo hay tin nhắn mới, nó sẽ hiển thị và chuông thông báo vang lên mà không cần phải load trang.
Vậy làm cách nào?
Đơn giản ta chỉ cần sử dụng function load trong jQuery là đủ.
Giả sử mình đặt code sau ở home.html
Mã Code Vina4u
<div id="content"></div>

Rồi cho load dulieu.html (name.domain/dulieu.html) vào cái id="content"
Mã Code Vina4u
<script type="text/javascript">
$(document).ready( function() {
setInterval(function() { $('#content').load('dulieu.html'); }, 1000);
});
</script>

Như vậy cứ mỗi 1 giây thì site dulieu.html sẽ được hiển thị trên site home.html.
Hay nói cách khác thì toàn bộ Code trong site dulieu.html sẽ hiển thị trên site home.html.
Việc cần làm bây giờ là vào site dulieu.html post những code cần thiết.

Giả sử như ở site home.html mình có 1 name="tinnhan" được đặt trên id="content"
Mã Code Vina4u
<div name="tinnhan"></div>

Lúc này site dulieu.html tôi post 1 code
Mã Code Vina4u
<script language="javascript"> document.getElementsByName('tinnhan')[0].innerHTML='func hiện số tin nhắn (tùy từng code và mã nguồn)'; </script>

Thì hễ khi có tin nhắn mới thì tại name="tinnhan" sẽ hiện lên số tin nhắn mới.
Như vậy dữ diệu vẫn cập nhật mặc dù không cần load trang.
Bạn có thể áp dụng cho nhiều mục đích khác nữa.

Lưu ý:
- Nhớ là phải có thư viện jQuery trên wap các bạn nhé!
- Ở site dulieu.html hay gọi là site load ta ko thể sử dụng document.write vì nó sẽ gây ra lỗi trắng trang
- Trong 1 số trường hợp chỉ sử dụng được tối đa 3 tag <script>, các tag tiếp theo sẽ ko có tác dụng trên site đích (site home.html) nữa.
- Việc sử dụng quá nhiều load sẽ dẫn tới treo trình duyệt nếu để lâu.

Chúc các bạn thành công!
Bình luận bài viết
Đăng Nhập để Bình luận và sử dụng đầy đủ tính năng Diễn Đàn
  Tổng số: 1 Bình luận

Chia sẻ bài viết
Đám Mây Từ Khóa
Bài Viết Cùng chuyên mục
Lọc theo tác giả
Xem chủ để ngoại tuyến (Offline)

Trong diễn đàn

Sắp xếp theo thứ tự từ trên xuống
BigTruyen.info - Kho Truyện Tranh Online Khổng lồ
Trang chủ