首页 > 代码库 > 页面提交 string数组和list对象集合举例

页面提交 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;
}

【页面】

 1 <form:form id="input-form" modelAttribute="courseInfo"
 2     action="${ctx}/demo/course.do?method=save" method="post">
 3     <input type="hidden" name="id" value="http://www.mamicode.com/${course.id}" />
 4     <fieldset class="prepend-top">
 5         <legend>课程信息</legend>
 6         <div id="messageBox" class="error-msg" style="display: none">输入有误,请先更正。</div>
 7         <div>
 8             <label for="course.name" class="field">课程名称:</label> 
 9             <input
10                 type="text" id="course.name" name="course.name" size="20"
11                 value="http://www.mamicode.com/${courseInfo.course.name}" class="required" />
12         </div>
13         <div>
14             <label for="course.description" class="field">课程介绍:</label> 
15             <input
16                 type="text" id="course.description" name="course.description"
17                 size="20" value="http://www.mamicode.com/${courseInfo.course.description}" class="required" />
18         </div>
19 
20         <div>
21             <label for="teacher.name" class="field">老师姓名:</label> 
22             <input
23                 type="text" id="teacher.name" name="teacher.name" size="20"
24                 value="http://www.mamicode.com/${courseInfo.teacher.name}" class="required" />
25         </div>
26         <div>
27             <label for="teacher.email" class="field">老师Email:</label> 
28             <input
29                 type="text" id="teacher.email" name="teacher.email" size="20"
30                 value="http://www.mamicode.com/${courseInfo.teacher.email}" class="required" />
31         </div>
32         <div>
33             <label for="times" class="field">上课时间:</label>
34             <input type="text" id="times[0]" name="times" size="20"  value="http://www.mamicode.com/周一" class="required" />
35             <input type="text" id="times[1]" name="times" size="20" value="http://www.mamicode.com/周三" class="required" /> 
36             <input type="text" id="times[2]" name="times" size="20" value="http://www.mamicode.com/周五" class="required" />
37         </div>
38 
39         <div>
40             <label for="studentList[0].name" class="field">学生1姓名:</label> 
41             <input type="text" id="studentList[0].name" name="studentList[0].name" size="20" value="http://www.mamicode.com/学生1姓名" class="required" />
42         </div>
43         <div>
44             <label for="studentList[0].email" class="field">学生1Email:</label> 
45             <input type="text" id="studentList[0].email" name="studentList[0].email" size="20" value="http://www.mamicode.com/学生1Email" class="required" />
46         </div>
47         <div>
48             <label for="studentList[1].name" class="field">学生2姓名:</label> 
49             <input type="text" id="studentList[1].name" name="studentList[1].name" size="20" value="http://www.mamicode.com/学生2姓名" class="required" />
50         </div>
51         <div>
52             <label for="studentList[1].email" class="field">学生2Email:</label> 
53             <input type="text" id="studentList[0].email" name="studentList[1].email" size="20" value="http://www.mamicode.com/学生2Email" class="required" />
54         </div>
55     </fieldset>

 技术分享

技术分享

 

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