基于layui-2.4.5实现的页面层方式弹窗显示表单并通过ajax提交表单根据返回值处理窗口问题

本文介绍了如何使用layui-2.4.5实现页面层弹窗显示表单，并通过ajax提交表单。在成功提交后，会显示提示窗口，然后讨论了如何在不关闭提示窗口的情况下关闭弹窗页面，特别是面对多重弹窗时的解决方案。作者寻求更优方法。

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

一个比较挫的写法，是用闭包写的，请参考下文：
https://blog.youkuaiyun.com/zhi_ai_yaya/article/details/86225400

本文是比较正确的一种使用方式：

1.主页index.html ——请自行引用jquery和layui。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>layui</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="/layui-v2.4.5/css/layui.css" media="all">
	<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	<style type="text/css">
		/* 自定义样式 */
		/* .layui-button-block {
			text-align: center;
		}
		.layui-form-button {
			position: absolute;
			bottom: 0px;
			width: 100%;
			margin: 0px auto;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #e6e6e6;
		}
		body .layui-layer-btn {
			text-align: center;
		} */
	</style>
</head>
<body>
	<div class="layui-low" style="margin:20px;">
		<button id="btn-test" class="layui-btn layui-btn-primary">测试按钮</button>
	</div>
	<script src="/layui-v2.4.5/layui.all.js" charset="utf-8"></script>