javascript - 如何在 Javascript 代码中显示 Laravel 从数据库中检索到的结果
问题描述
我正在使用 Laravel 5.8,我想制作一个弹出系统,以便管理员可以添加自定义图像和自定义文本,然后在刀片上,必须根据该信息出现一个弹出窗口。
下面是表结构popups
:
1 id Primary bigint(20)
2 datep varchar(191)
3 title varchar(191)
4 linkp varchar(191)
5 text varchar(191)
6 image_path varchar(191)
7 created_at timestamp
8 updated_at timestamp
这是弹出窗口的 Javascript 部分:
<script>
$(document).ready(function(){
let popup_shown = false;
let cookies = document.cookie.split('; ');
for( let i=0; i<cookies.length; i++ ){
cookie = cookies[i].split('=');
if( cookie[0] == 'oly12_reg_ext2_popup_shown' )
popup_shown = true;
}
if( !popup_shown ){
Swal.fire({
html: '<a href="#"><img style="width: 100%;" src="{{ URL::to('/') }}/popup.jpg"></a>',
showConfirmButton: false
});
document.cookie = "oly12_reg_ext2_popup_shown=1; path=/";
}
});
</script>
但现在的问题是我不知道如何将 Laravel 和 Javascript 混合在一起以显示弹出消息。
例如,它应该看起来像这样:
@if(count($popups)>0)
$(document).ready(function(){
let popup_shown = false;
let cookies = document.cookie.split('; ');
for( let i=0; i<cookies.length; i++ ){
cookie = cookies[i].split('=');
if( cookie[0] == 'oly12_reg_ext2_popup_shown' )
popup_shown = true;
}
if( !popup_shown ){
@foreach($popups as $popup)
Swal.fire({
html: '<a href="{{ $popup->linkp }}"><img style="width: 100%;" src="{{ URL::to($popup->image_path) }}"></a>',
@endforeach
@endif
但这显然是错误的。
所以问题是,如何在 Javascript 代码中显示 Laravel 从数据库中检索到的结果?
解决方案
在控制器内部,您可以将弹出数据传递给变量并将其传递给视图,如下所示,
控制器内部;
$output = "";
$popups = PopUp::all();
if($popups->count() > 0)
{
foreach($popups as $popup)
{
$output .=' <a href=" '.$popup->linkp.' "><img src=" '. URL::to($popup->image_path).' " style="width: 100%;"></a>';
}
json_encode($output)
然后在你的刀片视图javascript中,
@section('scripts')
<script>
$(document).ready(function(){
let popup_shown = false;
let cookies = document.cookie.split('; ');
for( let i=0; i<cookies.length; i++ ){
cookie = cookies[i].split('=');
if( cookie[0] == 'oly12_reg_ext2_popup_shown' )
popup_shown = true;
}
if( !popup_shown ){
var popup_data = '{{!! $output !!}}'
Swal.fire({ html:popup_data });
}
</script>
@endsection
推荐阅读
- php - 在 PHP 数组赋值中抛出一个奇怪的错误
- python - 如何更改导致烧瓶中的 TypeError 的 Python 函数
- web - 无法连接到我的应用程序服务器上的本地主机,但可以通过网络访问它
- prestashop - prestashop 自定义计算添加到基本价格
- python - 如何强制 withColumn 按时间顺序逐行工作?
- c# - 堆栈中的每个对象都为空
- delphi - TCard 类没有公开的 OnShow 和 OnHide 事件
- c - 如何使用 qsort() 但按降序排列?
- android - 生成签名的 apk 时找不到 EOCD 签名
- c++ - 为什么函数调用直接进入return语句?