Question

我的表中包含动态值。我需要它来刷新每一个＆＃34; n＆＃34;没有刷新页面的秒数。我尝试使用加载功能，但无法使其正常工作。

这是我的HTML

<tbody id="leaderboardUpdate">
        @foreach ($quizLeaderBoard as $key => $leaderBoardValue)
            <tr>
              <th scope="row">{{ ++$key }}</th>
              <td><a target="_blank" href="{{ url('profile') . '/' . $leaderBoardValue->user->username }}">{{ $leaderBoardValue->user->displayName() }}</a></td>
              <td>{{ $leaderBoardValue->totalScore }}</td>
            </tr>
        @endforeach
      </tbody>

Answer 1

加载功能是正确的方法。

function startTimer() {
  //do your stuff
  $('#leaderboardUpdate').load('/remote/content.html  #leaderboardUpdate > *');
  //repeats itself after 4 seconds
  setTimeout(startTimer, 4000);
}

startTimer();

将“/remote/content.html”更改为表格所在的实际网页网址。只需确保您的页眉中有明显的jQuery插件。

在上面，30000是毫秒，所以等于30秒。

使用setTimeout的优势在于，如果连接挂起一段时间，您将无法获得大量待处理请求，因为新的请求只会在上一个请求完成后发送。

为了获得该函数的重复事件，您需要将所有内容放在setTimer自己执行后将调用的函数中。

Answer 2

您可以使用js function setInterval()来获取实时数据。并使用ajax从服务器获取数据。

 $(document).ready(function(){
     getNewData();
     self.setInterval("getNewData()",2000);  
 });

 function getNewData(){    
     //at this function,you can get data from server and split html.
 }

如何每N秒刷新一部分网页

2 个答案: