json和表单提交有什么不同?表单提交方式有哪些?

Json是我们在开发中经常使用的工具,它转化的数据易于人们的阅读以及理解,不过我们在使用时候,会将相关数据进行提交,那json和表单提交有什么不同?接下来我们就来给大家讲解一下这方面的内容。

json和表单提交有什么不同.png

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非运行时异常要捕获吗?

Java的package一定要写吗?Java的package有什么用?

ios多线程面试题有哪些?ios多线程常见面试题