簡體   English   中英

不斷刷新/接收輸出<div>

[英]Constantly refreshing/receiving output <div>

所以我的網站上有這個div

<div class="col-sm-4"  >
  <div id="RealTimeClose" class="nest">
    <div class="title-alt">
      <h6>
        <span class="fontawesome-resize-horizontal"></span>&nbsp;Deposit Feed</h6>
      <div class="titleClose">
        <a class="gone" href="#RealTimeClose">
          <span class="entypo-cancel"></span>
        </a>
      </div>
      <div class="titleToggle">
        <a class="nav-toggle-alt" href="#RealTime">
          <span class="entypo-up-open"></span>
        </a>
      </div>
    </div>
    <div id="RealTime" style="min-height:296px;padding-top:20px;" class="body-nest">
      <?php include('table1.php'); ?>
    </div>
  </div>

我試圖讓它在大約1秒的間隔后從table1.php連續加載數據...我該怎么做

$(function() {
    function reloadTable(){
        $.get( "table1.php", function( data ) {
            $( "#RealTime" ).html( data );
        });
    }
reload = setInterval(reloadTable, 1000);
});

使用JQuery / AJAX將解決您的問題。

<html>
    <head>
        <title>New document</title>
        <script src="jquery.js"></script> <!-- This is for including the JQuery, found at https://jquery.com -->
    </head>
    <body>
        <script>
            $(document).ready(function(){
                $.ajaxSetup({cache:false});
            });
            var Interval = setInterval(function(){
                $("#users").load("table1.php"); // $("#users") is a selector to select the id "users", and the load function explains itself...
            }, 1000/*Refresh rate : currently one second*/);
        </script>
        <p>Users found: </p>
        <div id="users">Users found her</div>
    </body>
</html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM