从页面获取form表单提交的数据

1 使用HttpServletRequest，方便灵活

页面代码，使用action提交一个表单，里边有球的id,球的主人，球的颜色，所在省份，区域

 <form action="balls/addball_form" method="post"><table><tr><td>  ____ID <input type="text" name="ball_id"  /> </td>    </tr><tr><td>  颜__色 <input type="text" name="color" /> </td>        </tr><tr><td>  主__人 <input type="text" name="owner" /> </td>    </tr><tr><td>  省__份 <input type="text" name="province" /> </td>    </tr><tr><td>  行政区 <input type="text" name="origion" /> </td>    </tr>                </table><input type="submit" value="提交"></form>

打印一下request，可以看到Parameters:

这样有一个好处，就是form表单里边的字段，完全可以自己随便定义，而不需要和model中的属性对应，

提取的时候，只要request.getParameter（这里写表单里的字段）就完事。使用很方便

方法2 直接把表单的参数写在Controller相应的方法的形参中

适合参数少的情况比如登录

方法3 使用mvc的对象属性自动封装，也就是使用一个bean接收

页面的输入框，name要和model的属性名相同

这是model

提交页面就要把字段改成model中的属性名，测试结果

4.通过json数据接收

需要使用ajax，还没学到

转载于:https://www.cnblogs.com/jnhs/p/10043429.html

从页面获取form表单提交的数据相关推荐

前端页面与form表单提交：代码分享
今天分享下"前端页面与form表单提交:代码分享"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习 ...
form表单提交FormData数据
代码见https://gitee.com/bladeandmaster/freemarkerDemo 1.第一种直接使用form表单的submit提交 2.第二种采用ajax提交,需要设置conten ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
vue form表单提交动态数据
项目vue-cli搭建需求为:vue页面跳转至第三方的支付页面操作流程为:点击确认按钮时得到得到第三方网页的url和参数信息,以form表单的post方式提交尝试了N种方法,都不可以成功完成逻辑 ...
Form表单提交JSON数据
1.定义方法 //定义serializeObject方法,序列化表单 $.fn.serializeObject = function() {var o = {};var a = this.serial ...
web手动进行Form表单提交
最近的一个项目涉及到多文件上传,同时还不让用Form表单提交其他数据.蛋疼... 想到一个办法就是,先用ajax提交数据,然后返回数据库的id主键(mysql数据库),然后再js回调函数中进行表单文件 ...
action无法传参数给html页面,HTML 解决form表单提交时，action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
html 表单提交跳转新的页面,jquery模拟form表单提交并新打开页面
/** * form表单提交本页面打开 * @param url * @param params */ functionpostCurrent(url,params){ varform = $(&qu ...
解决Form表单提交文件后台获取为null的情况
项目想做一个上传文件的功能模块,但是发现后台获取文件始终为null,而且在form表单上也配置好了需要的action属性.method属性和enctype="multipart/form-d ...

从页面获取form表单提交的数据

从页面获取form表单提交的数据相关推荐

最新文章

热门文章