首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >从服务器获取数据时,在laravel中放置加载屏幕

从服务器获取数据时,在laravel中放置加载屏幕
EN

Stack Overflow用户
提问于 2016-07-30 00:31:43
回答 1查看 3K关注 0票数 0

我会试着解释的。我有一个动态视图,它在列表中显示我的查询得到的所有结果。每个元素都有一个"view“按钮。该按钮是一个get请求,用于处理对我的控制器的操作。问题是,将元素的信息显示出来需要很长时间。我想在GET完成时设置一个加载屏幕,但我已经尝试了很多解决方案,但都没有解决我的问题。

这是我的路线

代码语言:javascript
代码运行次数:0
运行
复制
Route::get('/certificaciones/consultar/{id}&{tipo}&{order_id}&{count}', [
    'uses' => 'certificacionesController@preview',
    'as' => '/certificaciones/consultar/vistaPrevia']);

我在这里打电话

代码语言:javascript
代码运行次数:0
运行
复制
<td style="width: 5px;"><a href="{{route('/certificaciones/consultar/vistaPrevia', [$res->id_acta, $tipo, $order_id, $count])}}"><button class="btn btn-xs pink tooltips" data-placement="top" data-original-title="Consultar" id="loading"><i class="fa fa-eye"></i></button></a></td>

我想要的是,当用户单击该按钮时,它会显示一个加载屏幕,同时控制器完成了所有数据的获取并显示预览刀片

我希望我说得很清楚,请帮帮我,我被困在那里了

EN

回答 1

Stack Overflow用户

发布于 2016-07-30 01:43:54

我建议你通过ajax发送你的请求。

制作一个带有加载图标的div作为gif图像。在ajax之前通过css属性display: none;隐藏div,显示加载的div &在成功的回调中隐藏加载的div。

或者,你可以在按钮的onclick事件上显示loading &隐藏将要打开的视图的document.ready上的loading。

不要忘了添加用于加载div的z-index:10000,以便将其放在所有内容之上。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38663565

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档