web表单提交数组数据

本文主要探讨了如何在web应用中处理动态生成的表单数据,特别是涉及数组的数据提交。从服务端接收处理到前端form表单的构建,详细阐述了数据提交的格式和方式。

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

1 服务端

public class CourseForm {
    private String courseName;
    private int courseType;
    private int sportType;
    private String city;
    private String startTime;
    private String endTime;
    private float price;
    private String lessonsAddress;
    private String img;
    private int maxUser;
    private String content;
    private String longitude;
    private String latitude;
    private List<PrivateClassDetail> privateClassDetail;
    ......
    }

    public class PrivateClassDetail {
        private int hour;
        private Float week0;
        private Float week1;
        private Float week2;
        private Float week3;
        private Float week4;
        private Float week5;
        private Float week6;
        ......
        }

2 form表单,我的这些数据时动态生成的

$("input[data-course-assign-dynamic]", form).remove();
for(var i=0; i<courseAssignData.length; i++) {
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].hour' data-course-assign-dynamic value='" + courseAssignData[i].hour + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week0' data-course-assign-dynamic value='" + courseAssignData[i].week0 + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week1' data-course-assign-dynamic value='" + courseAssignData[i].week1 + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week2' data-course-assign-dynamic value='" + courseAssignData[i].week2 + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week3' data-course-assign-dynamic value='" + courseAssignData[i].week3 + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week4' data-course-assign-dynamic value='" + courseAssignData[i].week4 + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week5' data-course-assign-dynamic value='" + courseAssignData[i].week5 + "'>");
    $(form).append("<input type='hidden' name='privateClassDetail["+i +"].week6' data-course-assign-dynamic value='" + courseAssignData[i].week6 + "'>");
                        }

3. 提交的数据是这样式的

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值