如何通過submit提交form表單獲取后台傳來的返回值

原

如何通過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表單（樣式就不寫了）

<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>

<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("提交成功！");
        }
    });
});

$(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;
    }
});

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

    	</article>

	<div class="article-bar-bottom">
			<div class="article-copyright">
		版權聲明：本文為博主原創文章，未經博主允許不得轉載。			https://blog.csdn.net/qq_34651764/article/details/76373846		</div>
							<div class="tags-box">
		<span class="label">個人分類：</span>
					<a class="tag-link" href="https://blog.csdn.net/qq_34651764/article/category/6442427" target="_blank">html						</a><a class="tag-link" href="https://blog.csdn.net/qq_34651764/article/category/6679649" target="_blank">java-web						</a>
	</div>
				</div>

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