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等等,暫時還不會弄這種,以后再說


免責聲明!

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



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