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

编程学习 2021-07-04 23:05www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇laravel添加前台跳转成功页面示例,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧

创建视图

创建视图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" 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里面返回视图

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

以上这篇laravel添加前台跳转成功页面示例就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板