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

一，概述：

　　本文主要描述如何将数据通过表单提交到后台并插入到数据库．其中后台使用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开发总结 ---- 前端数据插入到后台相关推荐

Javaweb开发了解前端知识四、Jquery(二)
1.JQuery 的属性操作 JQuery属性操作 html() 它可以设置和获取起始标签和结束标签中的内容功能跟innerHTML一样 text() 它可以设置和获取起始标签和结束标签中的文本功 ...
JavaWeb开发_Web前端_Ajax
JavaWeb开发_Web前端_Ajax 原生Ajax Axios 案例参考原生Ajax 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XM ...
Javaweb开发了解前端知识七、Servlet（一）
1.Servlet技术 2.Servlet类的继承体系 3.ServletConfig类 4.ServletContext类 1.Servlet技术 a) 什么是Servlet Servlet是jav ...
java项目大概多少张表,要把数据插入到多张表?该如何处理
当前位置:我的异常网» Java Web开发 » 要把数据插入到多张表?该如何处理要把数据插入到多张表?该如何处理 www.myexceptions.net 网友分享于:2013-01-27 浏 ...
JavaWeb开发前端语言：jQuery（二）属性操作、DOM的增删改、CSS样式操作、动画、事件操作
JavaWeb开发前端语言:jQuery(二) 1.jQuery的属性操作 2.jQuery练习:使用jQuery完成全选.全不选.反选和提交功能 3.DOM的增删改 3.1 DOM的增操作 3.1 ...
14个适合后台管理系统快速开发的前端框架
1.D2admin 开源地址:https://github.com/d2-projects/d2-admin 文档地址:https://d2.pub/zh/doc/d2-admin/ 效果预览:htt ...
JavaWeb开发前端语言：jQuery（一） jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选
JavaWeb开发前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...
【SQL开发实战技巧】系列（八）：聊聊如何插入数据时比约束更灵活的限制数据插入以及怎么一个insert语句同时插入多张表
系列文章目录 [SQL开发实战技巧]系列(一):关于SQL不得不说的那些事 [SQL开发实战技巧]系列(二):简单单表查询 [SQL开发实战技巧]系列(三):SQL排序的那些事 [SQL开发实战技巧] ...
FlyFish｜前端数据可视化开发避坑指南（二）
FlyFish是云智慧开源的一款数据可视化编排平台.通过配置数据模型为用户提供上百种可视化图形组件,零编码即可实现符合自己业务需求的炫酷可视化大屏. 同时,FlyFish也提供了灵活的拓展能力,支持组 ...

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

javaWeb开发总结 ---- 前端数据插入到后台相关推荐

最新文章

热门文章