码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-04-27 13:39:33      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:版权   action   链接   BMI   NPU   tle   lex   data   sub   

如何通过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

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

标签:版权   action   链接   BMI   NPU   tle   lex   data   sub   

原文地址:https://www.cnblogs.com/jpfss/p/8961591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!