頁面提交 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>