怎么在laravel中添加前臺跳轉(zhuǎn)成功頁面

發(fā)布時間：2021-04-14 16:28:00 來源：億速云閱讀：262 作者：Leah 欄目：開發(fā)技術(shù)

本篇文章給大家分享的是有關(guān)怎么在laravel中添加前臺跳轉(zhuǎn)成功頁面，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)建視圖

創(chuàng)建視圖success.blade.php

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="{{ asset('/citymedia/js/jquery-1.9.1.min.js') }}"></script>
  </head>
  <body>
  <!-- 代碼 begin -->
  <div id="applyFor" >

    {{$message}},將在
    <span class="loginTime" >{{$jumpTime}}</span>
    秒后跳轉(zhuǎn)至
    <a href="{{$url}}" rel="external nofollow" >{{$urlname}}</a>
    頁面
  </div>
  </body>
</html>
  <script type="text/javascript">
    $(function(){
      var url = "{{$url}}"
      var loginTime = parseInt($('.loginTime').text());
      var time = setInterval(function(){
        loginTime = loginTime-1;
        $('.loginTime').text(loginTime);
        if(loginTime==0){
          clearInterval(time);
          window.location.href=url;
        }
      },1000);
    })
</script>

在controller里面返回視圖

  return view('citymedia.success')->with([
    //跳轉(zhuǎn)信息
        'message'=>'你已經(jīng)提交信息，請您耐心等待！',
        //自己的跳轉(zhuǎn)路徑
        'url' =>'/citymedia/interact',
        //跳轉(zhuǎn)路徑名稱
        'urlname' =>'互動專區(qū)',
        //跳轉(zhuǎn)等待時間（s）
        'jumpTime'=>2,
      ]);

以上就是怎么在laravel中添加前臺跳轉(zhuǎn)成功頁面，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

怎么在laravel中添加前臺跳轉(zhuǎn)成功頁面

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽