laravel添加前台跳转成功页面示例
作者：touxianya 时间：2023-11-20 15:22:18
创建视图
创建视图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,
]);
来源：https://blog.csdn.net/touxian51552/article/details/85600689#controller_39
标签：laravel,前台,跳转,成功
0
投稿猜你喜欢
uniapp中微信小程序与H5相互跳转以及传参详解(webview)
2024-04-10 16:20:37
如何把IP表存到SQL数据库里去？
2009-11-02 20:21:00
eWebEditor_v280_Free_Final最好用的网页编辑器下载
2022-05-26 22:30:24
对python中arange()和linspace()的区别说明
2023-08-23 05:32:53
Golang设计模式之适配器模式详细讲解
2024-05-28 15:22:53
立足于传统行业设计
2008-07-26 12:36:00
千篇一律的JS运算符讲解,一起来看看
2024-05-13 10:06:52
Python中的作用域规则详解
2022-08-12 23:54:04
PL/SQL中编写Oracle数据库分页的存储过程
2024-01-16 08:50:24
python用pandas读写和追加csv文件
2021-12-19 20:47:15
javascript禁用键盘功能键让右击及其他键无效
2023-09-06 16:40:57
960px下的黄金分割
2009-07-31 14:33:00
设置密码保护的SqlServer数据库备份文件与恢复文件的方法
2011-11-03 16:55:30
修改python plot折线图的坐标轴刻度方法
2021-06-24 09:09:43
Python 描述符（Descriptor）入门
2022-10-15 21:06:59
Python中List.count()方法的使用教程
2023-08-12 11:56:15
python统计文本文件内单词数量的方法
2021-09-20 17:51:55
小程序自定义弹出框效果
2023-07-02 03:47:33
Python yield 使用方法浅析
2023-03-30 11:15:18
时间处理工具 dayjs使用示例详解
2024-04-17 09:49:36