如何获取form表单提交后返回值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何获取form表单提交后返回值相关的知识,希望对你有一定的参考价值。

1.给form添加id值:

<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">

设置所有input标签的name属性值为数据库的字段值,即可以传值到后台

2.给提交按钮添加id值:

<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提 交">

3.引用jquery-form.js文件

4.jquery表单提交:

参考技术A 你好!

1

可以通过jquery.form.js来解决。

1
2
3
4
5

<form>
标题:<input type="text" name="title" /><br />
内容:<textarea name="content"><textarea/><br />
<button>提交</button>
</form>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

$('button').on('click', function()
$('form').on('submit',
function()
var title = $('inpur[name=title]').val(),
content = $('textarea').val();
$(this).ajaxSubmit(
type: 'post', // 提交方式 get/post
url: 'your url', // 需要提交的 url
data:
'title': title,
'content': content
,
success: function(data)
// data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!');

$(this).resetForm(); // 提交后重置表单
);
return false; // 阻止表单自动提交事件

);
);本回答被提问者采纳
参考技术B 如果不用ajax的话,你提交表单以后,要么在原来的窗口刷新页面处理,要么就在新窗口处理,不管如何,最终返回数据都要通过以参数的形式传到原页面上来。一般来说,我们如果表单直接提交的话,是不会返回数据的。如果说要返回,那就是带一个ID号回原页面,再通过ID号读取相关的信息。

如何通过submit提交form表单获取后台传来的返回值

如何通过submit提交form表单获取后台传来的返回值

  小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax,其实小编也会。假如提价的form表单中含有文件,怎么办?(注:其实小编不会如何用ajax把选择文件上传到后台,如果有会的小伙伴可以分享一下)

步骤1:想要通过submit方式提交form表单,需要引入js   

jquery.js

jquery-form.js

步骤2:写一个form表单(样式就不写了)

  1. <form action="链接" id="form1" method="post" style="text-align:center;" enctype="multipart/form-data">  
  2.     <input type="file" id="file_sc" name="file" accept=".xls,.xlsx"><br/>  
  3.     提交人:<input type="text" id="name" name="name" ><br/>  
  4.         <input type="submit" id="tj" value="提交">  
  5.  </form>  

步骤3:js获取从后台返回的值

  1. $(function(){  
  2.     /** 验证文件是否导入成功  */  
  3.     $("#form1").ajaxForm(function(data){    
  4.         if(data=="1"){  
  5.             alert("提交成功!");     
  6.         }  
  7.     });       
  8. });  

后台该怎么样写还怎么写。


ps:在这里在讲点关于提交form表单时的验证

  1.  $("#form1").bind("submit", function(){    
  2.     var file=$("#file_sc").val();  
  3.     if(file == ""){    
  4.         alert("请选择文件!!!");  
  5.         return false;    
  6.     }    
  7. });  
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34651764/article/details/76373846
个人分类: html java-web

以上是关于如何获取form表单提交后返回值的主要内容,如果未能解决你的问题,请参考以下文章

在jQuery中直接提交表单后怎么获取返回值

获取form表单默认提交的返回值

js 提交的表单后如何在本页面接收返回值

如何通过submit提交form表单获取后台传来的返回值

form表单如何取得返回值

Jquery表单提交后获取返回Json值