动态生成web表单的数组数据提交-优快云博客

本文链接：https://blog.youkuaiyun.com/chinazgr/article/details/49838253

本文主要探讨了如何在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 + "'>");
                        }