如何通过submit提交form表单获取后台传来的返回值
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34651764/article/details/76373846
小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax,其实小编也会。假如提价的form表单中含有文件,怎么办?(注:其实小编不会如何用ajax把选择文件上传到后台,如果有会的小伙伴可以分享一下)
步骤1:想要通过submit方式提交form表单,需要引入js
jquery.js
jquery-form.js
步骤2:写一个form表单(样式就不写了)
- <form action="链接" id="form1" method="post" style="text-align:center;" enctype="multipart/form-data">
- <input type="file" id="file_sc" name="file" accept=".xls,.xlsx"><br/>
- 提交人:<input type="text" id="name" name="name" ><br/>
- <input type="submit" id="tj" value="提交">
- </form>
步骤3:js获取从后台返回的值
- $(function(){
- /** 验证文件是否导入成功 */
- $("#form1").ajaxForm(function(data){
- if(data=="1"){
- alert("提交成功!");
- }
- });
- });
后台该怎么样写还怎么写。
ps:在这里在讲点关于提交form表单时的验证
- $("#form1").bind("submit", function(){
- var file=$("#file_sc").val();
- if(file == ""){
- alert("请选择文件!!!");
- return false;
- }
- });