【问题标题】:update page content without reloading page in Laravel 5.1在 Laravel 5.1 中更新页面内容而不重新加载页面
【发布时间】:2015-12-10 14:08:26
【问题描述】:

如何在 Laravel 5.1 中为所有用户每 1 秒更新一次页面内容而无需重新加载页面。

我的观点:

我想在不重新加载页面的情况下刷新数据,但我使用循环 foreach,但我不知道该怎么做。

     @foreach ($aukcje as $aukcja)  
        <div class="text-center col-md-4" style="padding:0px;margin-top:20px;">
            <div class="classWithPad">
            <center>
            <img src="{{$aukcja['img']}}" width="124px">
            </center>
            <div class="wystawil">
              <div class="wystawil_ikona">
              <span class="glyphicon glyphicon-user"></span>
              </div>
              <div class="wystawil_tekst">Przedmiot wystawił:<b> {{$aukcja['nick']}}</b></div>
            </div>
            <div class="podbicia">
              <div class="podbicia_ikona">
              <span class="glyphicon glyphicon-stats"></span>
              </div>
              <div class="podbicia_tekst" id="{{ $aukcja['items_id'] }}">Ilość podbić:<b> {{$aukcja['podbicia']}}</b></div>
            </div>
            <div class="czas">
              <div class="czas_ikona">
              <span class="glyphicon glyphicon-time"></span>
              </div>
              <div class="czas_tekst">Czas do końca:<b> {{$aukcja['czas']}}</b></div>
            </div>


            <button type="button" value="{{$aukcja['items_id']}}" id="{{ url('/steam/podbij/'.$aukcja['items_id'])}}" class="btn btn-default podbij" >Podbij</button>    
        </div>
    </div>
   @endforeach

【问题讨论】:

  • 您究竟为什么要每秒秒重新加载内容?这不仅不足以让您的用户在刷新并替换为新内容之前阅读任何内容,而且您可能会在某些情况下引发癫痫发作,或者至少是严重的头痛。
  • 这是拍卖,所有用户都应该可以看到每个出价。也许你有更好的解决方案?

标签: javascript php jquery json laravel


【解决方案1】:

您应该研究 AJAX、JQuery。它基本上是在不重新加载页面的情况下向服务器发出请求。

编辑:

看看这个,这里有答案:

jQuery Ajax request every 30 seconds

【讨论】:

  • 不错,但如何在循环 foreach 中执行此操作?检查第一个帖子。
  • 在 JQuery 函数中调用 $.each 循环,从服务器检索数据
猜你喜欢
  • 2011-04-08
  • 2018-04-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-24
  • 1970-01-01
  • 2012-12-15
  • 2018-11-15
  • 1970-01-01
相关资源
最近更新 更多