页面提交 string数组和list对象集合举例

ajax表单提交

 

$.ajax({

                cache: true,

                type: "POST",

                url:ajaxCallUrl,

                data:$('#yourformid').serialize(),// 你的formid

                async: false,

                error: function(request) {

                    alert("Connection error");

                },

                success: function(data) {

                    $("#commonLayout_appcreshi").parent().html(data);

                }

            });

表单中用 字段对应的是  name 不是id

普通提交表单：直接在form表单中加个id,<form id="formId"></form>,弄个buttom按钮进行提交，加个onclick="js函数",然后在js函数中$("#formId").submit(); 就OK.

 

=========================

继前面一篇 springMVC 页面中多个对象的数据绑定 ，本文主要介绍如果实现复杂类型对象的数据绑定，比如前文中的父级对象CourseInfo 中增加：String[] times , List<Student> studentList 这两个复杂类型属性，页面中数据如何才能准确绑定到对象上呢？

参考来源：http://www.360doc.com/content/16/1022/15/37520906_600479377.shtml

【类】

public class CourseInfo {
private Course course;
private Teacher teacher;
private String[] times;
private List<Student> studentList;
}

public class Student extends IdEntity {
private String name;
private String email;
private String className;
}

【页面】

<form:form id="input-form" modelAttribute="courseInfo"
    action="${ctx}/demo/course.do?method=save" method="post">
    <input type="hidden" name="id" value="${course.id}" />
    <fieldset class="prepend-top">
        <legend>课程信息</legend>
        <div id="messageBox" class="error-msg" style="display: none">输入有误，请先更正。</div>
        <div>
            <label for="course.name" class="field">课程名称:</label> 
            <input
                type="text" id="course.name" name="course.name" size="20"
                value="${courseInfo.course.name}" class="required" />
        </div>
        <div>
            <label for="course.description" class="field">课程介绍:</label> 
            <input
                type="text" id="course.description" name="course.description"
                size="20" value="${courseInfo.course.description}" class="required" />
        </div>

        <div>
            <label for="teacher.name" class="field">老师姓名:</label> 
            <input
                type="text" id="teacher.name" name="teacher.name" size="20"
                value="${courseInfo.teacher.name}" class="required" />
        </div>
        <div>
            <label for="teacher.email" class="field">老师Email:</label> 
            <input
                type="text" id="teacher.email" name="teacher.email" size="20"
                value="${courseInfo.teacher.email}" class="required" />
        </div>
        <div>
            <label for="times" class="field">上课时间:</label>
            <input type="text" id="times[0]" name="times" size="20"  value="周一" class="required" />
            <input type="text" id="times[1]" name="times" size="20" value="周三" class="required" /> 
            <input type="text" id="times[2]" name="times" size="20" value="周五" class="required" />
        </div>

        <div>
            <label for="studentList[0].name" class="field">学生1姓名:</label> 
            <input type="text" id="studentList[0].name" name="studentList[0].name" size="20" value="学生1姓名" class="required" />
        </div>
        <div>
            <label for="studentList[0].email" class="field">学生1Email:</label> 
            <input type="text" id="studentList[0].email" name="studentList[0].email" size="20" value="学生1Email" class="required" />
        </div>
        <div>
            <label for="studentList[1].name" class="field">学生2姓名:</label> 
            <input type="text" id="studentList[1].name" name="studentList[1].name" size="20" value="学生2姓名" class="required" />
        </div>
        <div>
            <label for="studentList[1].email" class="field">学生2Email:</label> 
            <input type="text" id="studentList[0].email" name="studentList[1].email" size="20" value="学生2Email" class="required" />
        </div>
    </fieldset>