代码之家 › 专栏 › 技术社区 › Pouya

如何在Javascript代码中显示Laravel从数据库检索到的结果

sweetalert popup laravel php javascript

Pouya · 技术社区 · 3 年前

我使用的是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从数据库检索到的结果?

0 回复 | 直到 3 年前

Dennis Maina 3 年前

在您的控制器中,您可以将弹出数据传递给一个变量,并将其传递到视图中,如下所示,

控制器内部;

$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