zoukankan      html  css  js  c++  java
  • 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. 在设计表单之前,需要明确数据的验证需求,并对其在前端和后端进行验证.
  • 相关阅读:
    Android导出jar包后的资源使用问题
    怎样设计接口?
    自己动手写shell之chgrp,chown,chmod
    妹子图太多怎么看才好,Swing来支招
    Etcd学习(一)安装和.NETclient測试
    js中return false,return,return true的使用方法及区别
    C语言运算符的优先级
    运动物体检测与跟踪——累积权重构建背景模型
    推理集 —— 现场的观察
    推理集 —— 现场的观察
  • 原文地址:https://www.cnblogs.com/wodo2008/p/5390202.html
Copyright © 2011-2022 走看看