layui 自定义request_使用layer弹窗和layui表单做新增功能的方法

本文介绍如何使用layui的layer弹窗和表单组件实现自定义请求的新增功能。通过创建layer弹窗,配合layui表单验证,提交表单数据到后台,并根据后台返回的响应进行相应操作,如提示信息、刷新页面。详细步骤包括弹窗构建、表单验证、提交监听及后台处理。
摘要由CSDN通过智能技术生成

1、需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面)

2、实现

页面效果图

页面代码:

构建from表单

配置名称

配置类型

配置值 

立即提交

重置

创建layer弹窗function onAddBtn(){

//页面层-自定义

layer.open({

type: 1,

title:"新建配置",

closeBtn: false,

shift: 2,

area: ['400px', '300px'],

shadeClose: true,

// btn: ['新增', '取消'],

// btnAlign: 'c',

content: $("#add-main"),

s

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值