美文网首页js我爱编程
form表单提交数据的几种方式

form表单提交数据的几种方式

作者: wanggs | 来源:发表于2018-06-09 23:21 被阅读23次

一、submit提交

一般表单提交通过type=submit实现,input type="submit",浏览器显示为button按钮,通过点击这个按钮提交表单数据跳转到/url.do

<form action='http://www.123.com/postValue' method='post'>
     <input type='text' name='username'/>
     <input type='password' name='password'/>
     <input type='submit' value='登录'/> 
</form>
当点击登录时,提交的数据是:
username=username&password=password

这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面),而有时我们是对弹出框进行数据提交,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。此时可采用ajax进行数据提交。

二、ajax提交form表单

$('#documentForm').submitForm({
     url:"/Document/SubmitDocumentCreate",
      dataType:"text",
      callback:function(data){
          endFileUpload();
          data=eval("("+data+")");
          alert(data.Content);
          if(data.Result > 0){
               location.href = data.Redirect;
          }
     },
     before:function(){
          startFileUpload();
          var errMsg ="";
     }
}).submit();

此时可以在callback函数中对请求结果进行判断,然后执行不同的动作(页面跳转或数据刷新、提醒错误)

三、form表单提交附件

需要设定form的enctype=“multipart/form-data”,并且添加<input type='file'>
而且附件只能通过submit方法进行提交

通过type=submit提交

一般表单提交通过type=submit实现,input type="submit",浏览器显示为button按钮,通过点击这个按钮提交表单数据跳转到/url.do

   <input type="text" name="name"/>
   <input type="submit" value="提交">
</form>
         

js提交form表单

js事件触发表单提交,通过button、链接等触发事件,js调用submit()方法提交表单数据,jquery通过submit()方法

<form id="form" action="/url.do" method="post">
   <input type="text" name="name"/>
</form>
js: document.getElementById("form").submit();
jquery: $("#form").submit(); 

相关文章

  • From表单提交数据的几种方式

    目录 1,Form表单的常用属性2,浏览器提交表单时执行步骤3,提交方法4,常见的几种提交方式 form表单常用属...

  • 关于form表单

    关于form表单的几种提交方式 1.隐藏form提交,更新数据完成后,需要转到一个空白页面再对原页面进行提交后处理...

  • form表单提交数据的几种方式

    一、submit提交 一般表单提交通过type=submit实现,input type="submit",浏览器显...

  • form表单

    form 表单(创建一个表单区域)双标签 块级action 提交后台地址,method 提交信息、数据的方式(�...

  • SpringMVC-接收表单数据的方式

    前台提交表单数据到后台进行处理 form 表单提交数据,get方法会将数据通过请求url方式向后台传送,post方...

  • Django获取传送数据

    Form表单传递数据(POST或GET,一般是POST) 普通数据form表单提交数据