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


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

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

jquery.js

jquery-form.js

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



[html] ​​


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


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

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


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


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



[html] ​


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

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

      </article>

  <div class="article-bar-bottom">
      <div class="article-copyright">
    版权声明：本文为博主原创文章，未经博主允许不得转载。     
              <div class="tags-box">
    <span class="label">个人分类：</span>
          <a class="tag-link" href= target="_blank">html            </a><a class="tag-link" href=arget="_blank">java-web            </a>
  </div>
        </div>

<!-- !empty($pre_next_article[0]) -->
  </div>