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="${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="${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="${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="${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="${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="周一" class="required" />
  35. <input type="text" id="times[1]" name="times" size="20" value="周三" class="required" />
  36. <input type="text" id="times[2]" name="times" size="20" value="周五" 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="学生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="学生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="学生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="学生2Email" class="required" />
  54. </div>
  55. </fieldset>

页面提交 string数组和list对象集合举例的更多相关文章

  1. 前端页面传来数组,后台用对象集合list接收数据的写法

    //保存页面显示应用$("#save").click(function(){ var data = [{"applicationtypeid":"65 ...

  2. springMVC接受对象集合,name数组

    这两天开发遇到一个很常见的问题,即使自己一直没遇见过,不过之前看过是实现接受对象集合的代码,只不过没注意罢了 推荐一篇文章 直接贴代码吧 public class Person { private S ...

  3. Java技巧——将前端的对象数组通过Json字符串传到后端并转换为对象集合

    Java技巧——将前端的对象数组通过Json字符串传到后端并转换为对象集合 摘要:本文主要记录了如何将将前端的对象数组通过Json字符串传到后端,并在后端将Json字符串转换为对象集合. 前端代码 前 ...

  4. SpringMVC,SpringBoot使用ajax传递对象集合/数组到后台

    假设有一个bean名叫TestPOJO. 1.使用ajax从前台传递一个对象数组/集合到后台. 前台ajax写法: var testPOJO=new Array(); //这里组装testPOJO数组 ...

  5. ArrayList集合、String[]数组、String字符串

    数组初始化时候必须指定长度,而ArrayList是动态数组,可以根据实际内容改变 //声明stsArr数组并初始化 String[] strArr = new String[]{ "aaa& ...

  6. UI自动化测试(三)对页面中定位到的元素对象做相应操作

    前两天分别讲述了UI自动化测试基础以及对页面元素该如何进行定位,这一篇自然就是对定位到的页面元素对象进行相应操作啦. 阅读目录 1.常用操作元素对象的方法 2.鼠标事件操作 3.键盘事件操作 4.We ...

  7. servlet自动获取前端页面提交数据

    servlet自动获取前端页面jsp提交数据 以下是本人在学习过程中,因前端页面提交参数过多,后台servlet封装实体类过于麻烦而写的一个工具类,应用于jsp/servlet数据提交后,基于MVC+ ...

  8. MVC传递数据-传递对象或对象集合

    前言 本文主要介绍从View(或者js)文件向Controller提交对象或者对象集合.比方.将表格中的一行数据作为一个对象提交.或将多行数据作为一个集合提交到Controller. 回想 从View ...

  9. JSon_零基础_008_将JSon格式的"数组"字符串转换为List集合

    将JSon格式的"数组"字符串转换为List集合. 应用此技术从一个json对象字符串格式中得到一个java对应的对象. JSONObject是一个“name.values”集合, ...

随机推荐

  1. Kruskal算法初步

    2017-09-18 21:53:00 writer:pprp 代码如下: /* @theme: kruskal @writer:pprp @date:2017/8/19 @begin:21:19 @ ...

  2. 两个常见tomcat警告分析

    1. 警告描述: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.e ...

  3. java自带的MD5

    前言:        MD5可生成16.32.64位数的签名. // MD5加码,32位 public static String toMD5(String plainText) { String r ...

  4. Python模块学习之解决selenium的“can't access dead object”错误

    问题描述 在python执行过程中,提示selenium.common.exceptions.WebDriverException: Message: TypeError: can't access ...

  5. LabVIEW之生产者/消费者模式

    LabVIEW之生产者/消费者设计模式 彭会锋

  6. 在Intellij Idea中使用Maven创建Spring&SpringMVC项目

    环境及版本 Jetbrains Intellij Idea 15.0.6 Spring 4.1.6 JDK 1.8.0_20 Tomcat 8 Windows 10 从 Maven archetype ...

  7. SOUI中启用拖文件

    本文所用SOUI版本为1.0版本,在拖文件上与一般的消息略有不同. 1.添加拖文件消息响应 先与常规添加消息相同. class CMainFrm : public SHostWnd { public: ...

  8. Pytorch 一些函数用法

    PyTorch中view的用法:https://blog.csdn.net/york1996/article/details/81949843 max用法 import torch d=torch.T ...

  9. POJ 3167 Cow Pattern ★(KMP好题)

    题意 给你一个数字序列S,再给一个数字序列pattern,S和pattern中的数字都是1到s(s<=25).每个序列里的数字都有个排名,也就是第几小,现在我们要用pattern来匹配S.在本题 ...

  10. JS之BOM和DOM(来源、方法、内容、应用)

    1.Javascript组成(此文为转载) JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方 ...