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

时间：2024-03-23 09:05:38

一，概述：

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

二，开发流程：

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

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

  1. 格式
 $.ajax({

         url : basepath + "*******",

         method : 'POST',

         data : dataTmp,

         dataType : "json",

         success:function(res){  

                 },

         error:function(res){ }

     });

　其中，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. 在设计表单之前，需要明确数据的验证需求，并对其在前端和后端进行验证．

相关文章