ajax执行成功后，layer.msg没有显示就直接跳转到指定页面

最新推荐文章于 2023-03-28 17:08:19 发布

余三二

最新推荐文章于 2023-03-28 17:08:19 发布

阅读量4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端 layui JS

本文链接：https://blog.youkuaiyun.com/weixin_40626699/article/details/96103573

前端同时被 3 个专栏收录

20 篇文章

订阅专栏

11 篇文章

订阅专栏

layui

3 篇文章

订阅专栏

本文探讨了在使用layer.js插件时，如何正确地在显示提示信息后进行页面跳转，避免信息未展示即跳转的问题。通过调整代码逻辑，确保提示信息完全显示后再执行跳转，提供两种有效解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现功能：
执行ajax成功后，要实现里面有个提示信息，layer.msg，然后跳转到另一个页面

错误代码：

layer.msg("xxx成功！", {time: 1000,});
window.location.href = "xxx.html";

错误描述：
layer.msg没有弹出来就直接跳转了

错误原因：
错误代码中,弹出层和跳转页面同时执行了，所以看不到弹出信息

正确代码：

//1、跳转页面在layer.msg里面的end中执行
layer.msg("xxx成功！", {
	time: 1000,
	end: function(){
		window.location.href = "xxx.html";
	}
});
//2、跳转页面在function中执行
layer.msg("xxx成功！", {time: 1000},
	function(){
		window.location.href = "xxx.html";
	});