溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“AJAX提交與FORM提交的區別是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“AJAX提交與FORM提交的區別是什么”吧！
現在來對比一下ajax與隱藏form提交的利與弊。
1.隱藏form提交，更新數據完成后，需要轉到一個空白頁面再對原頁面進行提交后處理；ajax則不用，可以直接返回原頁面進行提交后的處理。可見ajax可以比隱藏form提交少增加一個頁面。
2.ajax出于安全性考慮，不能對文件進行操作，所以就不能通過ajax來實現文件上傳，而通過隱藏form提交則可以實現這個功能，所以這就是目前用隱藏form提交的主要用途。
現在接下來講述如何通過隱藏form來實現文件上傳
1)首先定義一個用于填寫表單內容的form
<form name="form1"></form>
2)接著定義一個用于提交的form
<form name="form2" target="myIframe"> //用于指定提交返回的頁面顯示在這個隱藏的iframe中
<iframe name="myIframe" ></iframe> //用于存放提交返回后的空白頁面
<div id="formInner" ></div> //用于獲取form1的html內容，獲得form1的表單元素
</form>
3)在form1提交時，進行如下javascript處理
var formInner= document.getElementById("formInner");
formInner.innerHTML = form1.innerHTML; //復制form1的html代碼
form2.action = form1.action;
form2.submit();
4)提交后，進入后臺處理，后臺處理完成后，需要返回一個空白頁面blank.jsp，這個頁面是在隱藏的iframe中生成的，所以可以通過parent對象對原頁面進行操作。
比如原頁面定義了一個updatePageFromSubmit()，則在blank.jsp頁面中可以通過parent.updatePageFromSubmit()來調用進行提交返回后的處理
感謝各位的閱讀，以上就是“AJAX提交與FORM提交的區別是什么”的內容了，經過本文的學習后，相信大家對AJAX提交與FORM提交的區別是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
