Javaweb完整项目+Layui+Mybatis+增删改查条件模糊查询（源码）Part6之更新数据以及数据回显

文章详细介绍了在layui框架中如何处理JavaSESwing窗体或JSP页面与HTML模板的交互，特别是针对表单数据回显的问题，通过事件监听、Ajax请求和JavaScript实现动态更新，包括单选框的选择和iframe层内容的同步。

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

首先，我们为什么要最后才写更新呢？因为更新的话涉及到数据回显，如果我们使用的是JavaSE的swing窗体或者使用jsp页面，数据回显是非常简单的，但是layui在弹出模板html后对表单重新渲染（可以所有表单都进行渲染，也可以渲染部分组件），所以数据回显我们需要特别注意。
效果展示:

在这里插入图片描述

以下为正文部分：

1.更新页面updateCustomer.html

这里有一个关键点需要注意，我们数据回显是需要获取到组件的对象的，为了方便获取到单选框的，这里选择为单选框的标签添加类。

比如：

    <div class="layui-form-item">
        <label class="layui-form-label">客户性别</label>
        <div class="layui-input-block">
            <input type="radio" class="radio1" name="gender" value="男" title="男" />
            <input type="radio" class="radio2" name="gender" value="女" title="女" />
        </div>
    </div>

完整页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="layui/layui.js"></script>
    <title>更新客户信息</title>

</head>
<body>

<form id="customer" class="layui-form layui-form-pane">
    <input type="hidden" name="uuid"/>
    <div class="layui-form-item">
        <label class="layui-form-label">客户账户</label>
        <div class="layui-input-block">
            <input type="text" id="username" name="username" autocomplete="off" placeholder="请输入客户账户"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户密码</label>
        <div class="layui-input-block">
            <input type="text" id="password" name="password" autocomplete="off" placeholder="请输入客户密码"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户昵称</label>
        <div class="layui-input-block">
            <input type="text" id="nickname" name="nickname" lay-verify="required" placeholder="请输入客户昵称"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户性别</label>
        <div class="layui-input-block">
            <input