簡單方法實現無刷新提交Form表單


前幾天遇到一個前端的問題。我希望提交表單后頁面不跳轉且不刷新當前頁面,然而查了很多方法都沒有解決。
由於Form 是提交后一定刷新頁面的,所以我們可以用一個折中的辦法。我們給Form 指定一個iframe,這樣表單提交后刷新的就是我們指定的iframe 而不是頁面了。

<iframe id="fraSubmit" name="fraSubmit" style="display:none;"></iframe>

定義完成后在form 內指定iframe

 <form action="doSomethins.html" method=post name=myform target="fraSubmit">

通過添加 target="fraSubmit" 我們就實現無刷新提交表單了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM