1. 程式人生 > >如何避免form提交進行頁面跳轉

如何避免form提交進行頁面跳轉

正常的form表單提交後需要進行頁面跳轉,如果我們不希望進行頁面跳轉,那麼按以下兩個步驟,通過一個iframe就可以解決這個問題:

步驟一:首先在頁面中定義一個空的不可見的iframe

<!-- 空iframe,用於協助處理form提交後不進行頁面跳轉的問題 -->
<iframe id="iframe_display" name="iframe_display" style="display: none;"></iframe>

步驟二:將form的target指向該iframe

<form action="saveTreeNode" method="post" class="form-horizontal" role="form" target="iframe_display">