一,概述:
本文主要描述如何將數據通過表單提交到后臺并插入到數據庫.其中后臺使用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中返回的數據,可以對其進行操作.
四,細節總結
- 在設計表單之前,需要明確數據的驗證需求,并對其在前端和后端進行驗證.