如何通過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; 
              
 
             
 
            
 
             
 
              
 
             
 
             
 
              

                } 
              
 
             
 
            
 
             
 
              
 
             
 
             
 
              

                });