如何避免form提交进行页面跳转

时间:2023-01-03 20:25:50

正常的form表单提交后需要进行页面跳转,如果我们不希望进行页面跳转,那么按以下两个步骤,通过一个iframe就可以解决这个问题:

步骤一:首先在页面中定义一个空的不可见的iframe

 
  1. <!-- 空iframe,用于协助处理form提交后不进行页面跳转的问题 -->  
  2. <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">