一,概述:
本文主要描述如何将数据通过表单提交到后台并插入到数据库.其中后台使用spring框架.
二,开发流程:
- 明确需求,即将什么数据插入到数据库
- 平台搭建,配置spring, 数据库,建表
- 走通springMVC, 走通springMVC到数据库
三,前端到springMVC的数据传输技术----ajax:
- 格式
1 $.ajax({ 2 url : basepath + "*******", 3 method : ‘POST‘, 4 data : dataTmp, 5 dataType : "json", 6 success:function(res){ 7 8 }, 9 error:function(res){ } 10 });
其中,dataTmp 是传给controller中的数据,如果controller中的参数是对象,则dataTmp要为对象,即 dataTmp={ "xx":XX, "yy":YY,...}.如果controller中的参数为基本类型,则dataTmp要为对应的基本类型.
如果需要传递多个值给controller,则data 可以为{"xxx": XXX, "yyy":YYY, ...}其中controller 的参数需要有多个,且参数名对应为"xxx","yyy". 类型对应为XXX, YYY的类型.
2. ajax 向controller中传数据的对象转字符串技术:
(1). 在js中, 通过 JSON.stringify(subData) 将subData对象转换为字符串,然后以字符串的形式传给controller
(2). 在controller中,使用对应的字符串参数来接收数据.
如果是类对象,则用JSON.parseObject(subData, XXX.class)转换为对应的XXX类对象,
如果是数组对象,则用 JSON.parseArray(subData, YYY.class)转换为对应的YYY对象数组.其中JSON引用的为fastjson.jar 中的 com.alibaba.fastjson下的JSON.
3. 若有返回的数据,需要在controller中的类上面加上@ResponseBody
4. 在ajax 中,res是从controller中返回的数据,可以对其进行操作.
四,细节总结
- 在设计表单之前,需要明确数据的验证需求,并对其在前端和后端进行验证.