Trong phần này, chúng ta sẽ tìm hiểu tải lại và làm mới trang tự động. Chúng tôi sẽ sử dụng jQuery để làm điều này. Chúng tôi có thể tải lại hoặc làm mới trang được nhúng hoặc trang đang hoạt động theo cách thủ công hoặc tự động với sự trợ giúp của jQuery. Nếu chúng tôi đang phát triển một trang web và chúng tôi muốn thêm tự động làm mới sau một khoảng thời gian, chúng tôi có thể làm điều đó bằng cách sử dụng JavaScript. Chúng tôi có thể sử dụng setTimeout(), thẻ meta http-equiv và setInterval() để tự động tải lại trang. Có nhiều công nghệ khác nhau như Codeigniter,. Net, PHP, Laravel, Java để tự động tải lại hoặc làm mới trang web Show Đôi khi, khi chúng ta làm việc trên một trang, chúng ta cần tải lại trang sau một khoảng thời gian và khoảng thời gian đó có thể là 10 giây, 15 giây, 20 giây, 30 giây, v.v. Trong ví dụ dưới đây, chúng tôi sẽ mô tả các quy trình khác nhau để làm mới trang HTML. Phần này sẽ cung cấp 3 ví dụ để tự động tải lại trang PHP bằng một số phương pháp và làm mới trang PHP bằng JavaScript. Nếu chúng tôi muốn làm mới trang theo cách thủ công, chúng tôi cũng có thể làm điều đó bằng cách chỉ định một số khoảng thời gian ví dụ 1 Trong ví dụ đầu tiên, chúng ta sẽ sử dụng phương thức setTimeout() để tự động tải lại và làm mới một trang. Phương thức setTimeout() nhận hai tham số. Trong tham số đầu tiên, chúng tôi sẽ mô tả một chức năng, được sử dụng để chứa mã tải lại và làm mới trang. Trong đối số thứ hai, chúng tôi sẽ mô tả khoảng thời gian sau đó việc thực thi chức năng diễn ra. Khoảng thời gian phải tính bằng mili giây. Phương pháp này sẽ thực thi chức năng một lần duy nhất ví dụ 2 Trong ví dụ thứ hai, chúng ta sẽ sử dụng phương thức setInterval() để tự động tải lại và làm mới một trang. Phương thức setInterval() nhận hai tham số. Trong tham số đầu tiên, chúng tôi sẽ mô tả một chức năng, được sử dụng để chứa mã tải lại và làm mới trang. Trong đối số thứ hai, chúng ta sẽ mô tả khoảng thời gian, được sử dụng để gọi hàm nhiều lần. Khoảng thời gian phải tính bằng mili giây. Phương thức này lặp đi lặp lại việc thực thi chức năng sau khoảng thời gian nhất định cho đến khi ClearInterval() được gọi hoặc cửa sổ được đóng lại. Ở đây, chúng tôi không sử dụng bất kỳ phương thức nào để dừng thực thi hàm, được chỉ định trong phương thức setInterval(). Điều đó có nghĩa là phương thức thực thi chức năng cho đến khi chúng ta đóng cửa sổ ví dụ 3 Trong ví dụ thứ ba, chúng tôi sẽ sử dụng Meta để tự động tải lại và làm mới trang. Sử dụng thẻ Meta, chúng ta có thể đặt thời gian tính bằng giây. Sau đó, chúng tôi sẽ nhắm mục tiêu trang mà chúng tôi muốn tải lại trong khoảng thời gian đã chỉ định. Nếu chúng ta muốn chuyển một trang sang một trang khác, chúng ta có thể sử dụng URL để thực hiện việc này. Nếu chúng tôi không chỉ định URL, chúng tôi sẽ được tải lại trên cùng một trang Bây giờ ví dụ trên của chúng tôi đã sẵn sàng để chạy. Khi chúng tôi chạy bất kỳ ví dụ nào trong số này, đầu ra sau sẽ được tạo Chúng tôi sẽ giới thiệu một phương pháp để làm mới trang bằng cách sử dụng tiêu đề Chúng tôi sẽ trình bày một phương pháp khác để làm mới trang bằng cách sử dụng thẻ HTML Chúng tôi sẽ chỉ cho bạn một ví dụ về cách làm mới trang bằng cách sử dụng hàm JavaScript Chúng ta có thể sử dụng hàm 0. Trên dòng thứ hai, sử dụng hàm 1 để hiển thị ngày và giờ hiện tại. Sử dụng các ký tự 2, 3, 4, 5, 6 và 7 để biểu thị giờ, phút, giây, năm, tháng và ngày tương ứng. Sử dụng định dạng này bên trong hàm 1. Vui lòng xem Hướng dẫn sử dụng PHP để biết về hàm header() Ví dụ dưới đây làm mới thời gian hiện tại trong một giây. Do đó, thời gian hiện tại sẽ được hiển thị trên trang web bằng tập lệnh. Phần đầu ra của mã chỉ hiển thị một phiên bản Mã ví dụ
đầu ra Chúng ta có thể sử dụng thẻ HTML 1 của thẻ meta thành 3 và chỉ định thời gian trễ trong thuộc tính 4. Thuộc tính 5 đặt tiêu đề HTTP cho giá trị của thuộc tính 4. Ví dụ: viết thẻ meta , chỉ định thuộc tính 1 đến 3 và thuộc tính 4 đến Refresh 1 và đóng thẻ. Hiển thị ngày giờ hiện tại sử dụng hàm 1 như phương pháp trên. Kiểm tra ở đây để tìm hiểu về làm mới metaVí dụ dưới đây hiển thị ngày giờ theo thời gian thực trên trang web. Trang được làm mới sau một giây, cho phép tính năng này. Phần đầu ra của mã chỉ hiển thị một ví dụ về thời gian Mã ví dụ
đầu ra Chúng ta có thể sử dụng hàm JavaScript Ví dụ: trong tệp PHP, lặp lại hàm 1 để hiển thị ngày giờ hiện tại. Sau đó, viết hàm location.reload() bên trong thẻ Refresh 5. Chỉ định thuộc tính meta 3 là meta 4. Sau đó, in thẻ Refresh 5 bằng cách sử dụng câu lệnh meta 6
Làm cách nào để làm mới trang mà không cần tải lại trong PHP?Điều này thường đạt được với một kỹ thuật gọi là AJAX . Kỹ thuật này tải dữ liệu không đồng bộ (trong nền) để có thể cập nhật nội dung của bạn mà không cần tải lại trang. Cách dễ nhất để triển khai AJAX là sử dụng phương thức load() của jQuery.
Làm cách nào để tải lại trang hiện tại mà không làm mất bất kỳ dữ liệu biểu mẫu nào trong PHP?Cách dễ nhất để tải lại trang hiện tại mà không làm mất dữ liệu biểu mẫu, hãy sử dụng WebStorage nơi bạn có bộ lưu trữ liên tục (localStorage) hoặc bộ nhớ theo phiên (sessionStorage) vẫn còn trong bộ nhớ cho đến khi . cửa sổ. onload = function() { var name = localStorage. . window. onload = function() { var name = localStorage.
Có cách nào để liên tục làm mới một trang?Bấm vào biểu tượng mũi tên tròn bên cạnh thanh địa chỉ web. Đây là biểu tượng “Tự động làm mới dễ dàng”. Nếu bạn không thấy biểu tượng ngay lập tức, hãy nhấp vào mảnh ghép, sau đó nhấp vào biểu tượng Tự động làm mới dễ dàng. Một bộ đếm thời gian sẽ xuất hiện để bạn có thể đặt thời gian cho trang tự động làm mới |