一，概述：

　　本文主要描述如何將數據通過表單提交到后臺并插入到數據庫．其中后臺使用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的類型．

　　２. ａ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中返回的數據，可以對其進行操作．

四，細節總結

在設計表單之前，需要明確數據的驗證需求，并對其在前端和后端進行驗證．

轉載于:https://www.cnblogs.com/wodo2008/p/5390202.html

總結

以上是生活随笔為你收集整理的javaWeb开发总结 ---- 前端数据插入到后台的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。