Json是我们在开发中经常使用的工具,它转化的数据易于人们的阅读以及理解,不过我们在使用时候,会将相关数据进行提交,那json和表单提交有什么不同?接下来我们就来给大家讲解一下这方面的内容。
1、表单提交
(1)从前端传过来的请求参数是key=value形式的;
(2)springmvc自动进行参数的绑定;
2、json格式提交
(1)前端传过来的参数是字符串,以json格式呈现;
(2)springmvc接收需要使用@RequestBody注解,对json字符串进行解析;
表单提交方式有哪些?
表单提交方式总结一下:
一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址。
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("请输入登录密码!"); form.password.focus(); return false; } return true; } </script> < form action = "login.do?act=login" method = "post" > 用户帐号 < input type = text name = "userId" size = "18" value = "" > <br> 登录密码<input type="password" name="password" size="19" value=""/> <input type=submit name="submit1" value="登陆" onclick="return check(this.form)"> </form>
二、利用button按钮实现提交,当点击button按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址,由于button按钮不具备自动提交的功能,所以由JavaScript实现提交。
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("请输入登录密码!"); form.password.focus(); return false; } document.myform.submit(); } </script> < form action = "login.do?act=login" name = "myform" method = "post" > 用户帐号 < input type = text name = "userId" size = "18" value = "" > <br> 登录密码<input type="password" name="password" size="19" value=""/> <input type=button name="submit1" value="登陆" onclick="check(this.form)"> </form>
三、利用submit按钮实现提交,当点击submit按钮时,先触发onsubmit事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false,
不提交,如果不为空,提交到由action指定的地址。
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("请输入登录密码!"); form.password.focus(); return false; } return true; } </script> < form action = "login.do?act=login" method = "post" onsubmit = "return check(this)" > 用户帐号 < input type = text name = "userId" size = "18" value = "" > <br> 登录密码<input type="password" name="password" size="19" value=""/> <input type=submit name="submit1" value="登陆"> </form>
表单提交方式就是以上这些,在实际操作中,我们可以使用表单提交也可以使用json提交,总之大家了解好它们之间的区别,然后选择一个适合的方式提交就可以了!最后大家如果想要了解更多json工具教程知识,敬请关注奇Q工具网。
推荐阅读:
java非运行时异常有必要吗?java非运行时异常要捕获吗?