前端form表单提交,前端form表单提交到数据库
form表单提交上传图片
上传图片我首先想到的是利用这个插件，webupload LUploade这类插件大多支持图片预览，断点/分片上传，功能比较丰富，但是由于后台原因我需要利用form表单进行上传图片，所以就整理了一下关于图片上传的几种方式：
1.form表单上传图片
表单上传遇到了一下几个问题：
（1）进行表单提交时，无法获取返回值
（2）表单提交会进行页面刷新
为了解决这个问题，我想到了利用iframe进行解决，在form元素上直接添加target属性，使提交跳转页面直接跳转到iframe中，阻止页面进行跳转，返回结果也会呈现在 iframe框架之中，我们可以去除iframe中的返回值，前提是必须在同一个域名下。这样我们获取返回值就会拥有局限性。还好我反降了另外一种方法，jquery中jqueryj.form.js表单提交插件。我们可以直接这样来获取表单返回值。
form表单提交注意事项：
(1).提供form表单，method必须是post。
(2).form表单的enctype必须是multipart/form-data。
javascript学习交流群：4538335s's's's'sssssssssssssss54
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码。HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值：
application/x-www-form-urlencoded：在发送前编码所有字符(默认)(空格被编码为’+’，特殊字符被编码为ASCII十六进制字符)。
multipart/form-data：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain：空格转换为 “+” 加号，但不对特殊字符编码。
默认enctype=application/x-www-form-urlencoded，所以表单的内容会按URL规则编码，然后根据表单的提交方法：
method=’get’ 编码后的表单内容附加在请求连接后，
method=’post’ 编码后的表单内容作为post请求的正文内容。
(3).提供input type="file"上传输入域。
2.ajax无刷新上传?
ajax和FormData可实现页面无刷新的文件上传效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的
FormData接口。通过FormData对象可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit()方法传输的数据格式相同。
ajax无刷新上传
Ajax无刷新上传的方式，本质上与表单上传无异，只是把表单里的内容提出来采用ajax提交，并且由前端决定请求结果回传后的展示结果。
3.各类插件的使用：
webupload LUPloader
关于前端form提交表单，后端springmvc接收的问题
Controller方法加参数，参数名和表单中名字一样就可以啊 如：public String test(User user) { System.out.println(user.username); } 表单中就是 这样控制台就能打印出表单中输入的username了。
form表单提交的几种方法
1.基于Struts标签，submit类型提交：
html:form act
ion="/login"
method属性可以忽略不写，原因是Struts默认method="post"
2.基于非Struts标签，submit类型提交：
from act
ion="/Test/login.do?method="login"" method="post"
非Struts标签时，method属性默认为get,为方便，一般设置为post
3.非Struts标签，button类型提交：
from act
ion="/Test/login.do?method=login" method="post"
input type="button" name="login" on
click="login()"/javaScript type="test/javaScript"function login(){
document.forms[0].act
ion=document.forms[0].act
form表单提交提交文件，并接受后端传过来的数据
一般来说，前端对后端发送请求是通过ajax发送的，但是ajax对于文件的发送存在问题，所以我们主要还是通过form表单提交。
如果前端接收文件之后需要向后端传输数据的话，就比较麻烦了。
解决办法：第一步：引入jquery.form
第二步：给form绑定ajaxform方法
小程序开发之路---form表单提交
app开发中，必然会有用户登录过程，之前做iOS开发时，用户名、密码登录部分，只能分别定义属性传值。在小程序中，提供了form表单提交的方式，个人觉得方便了很多。
下例中既有form表单提交方式，也包含身份证号码验证和手机号码验证的正则表达式：
form表单提交
form提交到一个页面，程序处理结束后返回到form页面就可以了。
比如：
form页面form.html：
form action="result.php" method="post"
input type="text" name="name" value="test" /
input type="submit" value="submit" name="submit" /
/form
程序页面result.php：
?php
if($_POST['submit']){
echo 'script type="text/javascript"alert("提交成功！");history.back();/script';
}
?
ps：? ?里面写html代码，楼上写的真是误导人。