laravel添加前台跳转成功页面示例

时间:2022-01-27 08:45:30

创建视图

创建视图success.blade.php

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!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" style="text-align: center; width: 500px; margin: 100px auto;">
 
    {{$message}},将在
    <span class="loginTime" style="color: red">{{$jumpTime}}</span>
    秒后跳转至
    <a href="{{$url}}" rel="external nofollow" style="color: red">{{$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里面返回视图

?
1
2
3
4
5
6
7
8
9
10
return view('citymedia.success')->with([
  //跳转信息
      'message'=>'你已经提交信息,请您耐心等待!',
      //自己的跳转路径
      'url' =>'/citymedia/interact',
      //跳转路径名称
      'urlname' =>'互动专区',
      //跳转等待时间(s)
      'jumpTime'=>2,
    ]);

以上这篇laravel添加前台跳转成功页面示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/touxian51552/article/details/85600689#controller_39