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

Posted 2020-11-01 星朝

原

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

2017年07月30日 11:18:57

阅读数：20169

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

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

jquery.js

jquery-form.js

步骤2：写一个form表单（样式就不写了）

[html] view plain copy

print?

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>  

<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获取从后台返回的值

[html] view plain copy

print?

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

$(function(){    /** 验证文件是否导入成功  */    $("#form1").ajaxForm(function(data){          if(data=="1"){            alert("提交成功！");           }    });     });

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

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

[html] view plain copy

print?

1.  $("#form1").bind("submit", function(){    
2.     var file=$("#file_sc").val();  
3.     if(file == ""){    
4.         alert("请选择文件！！！");  
5.         return false;    
6.     }    
7. });  

 $("#form1").bind("submit", function(){      var file=$("#file_sc").val();    if(file == ""){          alert("请选择文件！！！");        return false;      }  });

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34651764/article/details/76373846

个人分类： html java-web