如何通過submit提交form表單獲取後臺傳來的返回值
阿新 • • 發佈:2019-02-11
小夥伴是不是遇到過這樣的問題,通過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; } });