1. 程式人生 > >如何通過submit提交form表單獲取後臺傳來的返回值

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

 小夥伴是不是遇到過這樣的問題,通過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;  
	}  
});