一，概述：

　　本文主要描述如何將數(shù)據(jù)通過(guò)表單提交到后臺(tái)并插入到數(shù)據(jù)庫(kù)．其中后臺(tái)使用spring框架．

二，開(kāi)發(fā)流程：

明確需求，即將什么數(shù)據(jù)插入到數(shù)據(jù)庫(kù)

平臺(tái)搭建，配置spring,　數(shù)據(jù)庫(kù)，建表

走通springMVC, 走通springMVC到數(shù)據(jù)庫(kù)

三，前端到springMVC的數(shù)據(jù)傳輸技術(shù)----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中的數(shù)據(jù)，如果controller中的參數(shù)是對(duì)象，則dataTmp要為對(duì)象，即 dataTmp={ "xx":XX, "yy":YY,...}.如果controller中的參數(shù)為基本類(lèi)型，則dataTmp要為對(duì)應(yīng)的基本類(lèi)型．

　如果需要傳遞多個(gè)值給controller，則data 可以為｛"xxx": XXX, "yyy":YYY, ...｝其中controller 的參數(shù)需要有多個(gè)，且參數(shù)名對(duì)應(yīng)為＂xxx＂,"yyy". 類(lèi)型對(duì)應(yīng)為XXX, YYY的類(lèi)型．

　　２. ａjax　向controller中傳數(shù)據(jù)的對(duì)象轉(zhuǎn)字符串技術(shù)：

　　　　 (1). 在js中，　通過(guò)　JSON.stringify(subData)　將subData對(duì)象轉(zhuǎn)換為字符串，然后以字符串的形式傳給controller

　　　　 (2).?在controller中，使用對(duì)應(yīng)的字符串參數(shù)來(lái)接收數(shù)據(jù)．

　　　　　　如果是類(lèi)對(duì)象，則用JSON.parseObject(subData, XXX.class)轉(zhuǎn)換為對(duì)應(yīng)的XXX類(lèi)對(duì)象，

　　　　　　如果是數(shù)組對(duì)象，則用　JSON.parseArray(subData, YYY.class)轉(zhuǎn)換為對(duì)應(yīng)的YYY對(duì)象數(shù)組．其中JSON引用的為fastjson.jar 中的　　　　　　　　com.alibaba.fastjson下的JSON.

　　3. 若有返回的數(shù)據(jù)，需要在controller中的類(lèi)上面加上@ResponseBody

　　4. 在ajax 中，res是從controller中返回的數(shù)據(jù)，可以對(duì)其進(jìn)行操作．

四，細(xì)節(jié)總結(jié)

在設(shè)計(jì)表單之前，需要明確數(shù)據(jù)的驗(yàn)證需求，并對(duì)其在前端和后端進(jìn)行驗(yàn)證．

轉(zhuǎn)載于:https://www.cnblogs.com/wodo2008/p/5390202.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。