1. 程式人生 > 其它 >form表單提交資料不跳轉頁面的解決方法

form表單提交資料不跳轉頁面的解決方法

還是地鐵查詢系統

一開始寫的是點選查詢按鈕,然後頁面它就自動跳轉到另外一個jsp,顯示查詢結果

可是老師說太low

那就升級,加了一個iframe框,然後可以在一個頁面同時顯示查詢和查詢結果

這種:

 

 

方法:

前端的form表單新增一個target="hideIframe1"

  <form action="chaxun.jsp" method="post" target="hideIframe1"  >
      <p> &nbsp;&nbsp;&nbsp;&nbsp; <select name="number" class="select" >
        <option value="1"selected>一號線</option>
        <option value="2">二號線</option>
        <option value="4">四號線</option>
        <option value="5">五號線</option>
        <option value="6">六號線</option>
        <option value="7">七號線</option>
        <option value="8">八號線</option>
        <option value="9">九號線</option>
        <option value="10">十號線</option>
        <option value="13">十三號線</option>
        <option value="14">十四號線</option>
        <option value="15">十五號線</option>
      </select><br></p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp; <button type="submit" id="id_submit" name="nm_submit" value="提交">查詢</button></p>
    </form>

在你想要放iframe框的位置新增

 <iframe id="myIframe1" name="hideIframe1" style="" src="chaxun.jsp" frameborder="0" width="100%" height="100%"></iframe>

其中的src就是想要顯示的jsp,也是form表單傳遞資料的jsp

 

如果你單純的不想跳轉頁面,也不需要iframe框顯示另一個頁面

那麼程式碼就寫成這樣,隱藏iframe框

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

 

還有其他方法

比如ajax等等,暫時還不會弄這種,以後再說