Hướng dẫn how do i automatically refresh part of an html page? - làm cách nào để tự động làm mới một phần của trang html?

Tôi có một phần của một trang có dữ liệu trực tiếp trong đó, tôi đã nghĩ đến việc làm mới trang cứ sau vài phút, nhưng điều đó không đúng vì các yếu tố khác của trang.

Tôi làm nó như thế nào? Tôi có thể sử dụng ngôn ngữ nào để làm điều này, những gì dễ làm và những gì không, những gì hoạt động tốt và những gì không. Có thể một số hướng dẫn rõ ràng hoặc thậm chí các ví dụ mã.

Tôi sống để làm điều này trong một cái gì đó như PHP, nhưng không có manh mối để bắt đầu từ đâu, từ một chút nghiên cứu, tôi thấy rằng JavaScript và Ajax dường như là tiêu chuẩn cho điều này nhưng kiến ​​thức của tôi về các ngôn ngữ này không lên đến cào.

Cảm ơn vì thời gian và sự giúp đỡ của mọi người.

Ồ, dữ liệu đang được hiển thị sẽ đến từ cơ sở dữ liệu nếu đó là bất kỳ sự trợ giúp nào.

Cảm ơn một lần nữa.

Hỏi ngày 5 tháng 10 năm 2011 lúc 11:24Oct 5, 2011 at 11:24

1

Bạn có thể sử dụng thư viện JavaScript như JQuery và làm một cái gì đó như ví dụ đơn giản hóa sau:

$("document").ready(function(){
  var interval = setInterval(refresh_box(), 60000);
  function refresh_box() {
    $("#myDiv").load('path/to/databasepage.php');
  }
} /*<= The closer ) bracket is missing in this line*/

Và trong trang path/to/databasepage.php của bạn, bạn có thể có truy vấn chọn và lặp lại kết quả.

Những gì điều này làm là đặt thời gian chờ để gọi một hàm (trong trường hợp này là refresh_box()) cứ sau 60 giây (là 60.000 mil giây) và tải dữ liệu từ path/to/databasepage.php vào div của bạn với ID myDiv.

edit:

Nếu bạn muốn dừng tự động tái tạo, bạn có thể liên kết một phần tử để xóa khoảng cách bằng cách thực hiện như sau:

// assuming you have a clickable element 
// (typically a button or so) id called 'stop_refresh'
$("#stop_refresh").click(function(){
  clearInterval(interval);
}

Đã trả lời ngày 5 tháng 10 năm 2011 lúc 11:34Oct 5, 2011 at 11:34

Dandandan

8669 Huy hiệu bạc20 Huy hiệu Đồng9 silver badges20 bronze badges

6

Phương pháp dễ nhất thậm chí không liên quan đến PHP hoặc JavaScript. Bạn có thể làm điều đó với