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的類型.

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

四,細節總結

  1. 在設計表單之前,需要明確數據的驗證需求,並對其在前端和后端進行驗證.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM