javaWeb开发总结 ---- 前端数据插入到后台

标签：

一，概述：

　　本文主要描述如何将数据通过表单提交到后台并插入到数据库．其中后台使用spring框架．

二，开发流程：

1. 明确需求，即将什么数据插入到数据库
2. 平台搭建，配置spring,　数据库，建表
3. 走通springMVC, 走通springMVC到数据库

三，前端到springMVC的数据传输技术----ajax：

1. 格式

 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的类型．

　　２. ａjax　向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中返回的数据，可以对其进行操作．

四，细节总结

1. 在设计表单之前，需要明确数据的验证需求，并对其在前端和后端进行验证．

javaWeb开发总结 ---- 前端数据插入到后台

标签：

原文地址：http://www.cnblogs.com/wodo2008/p/5390202.html