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等等,暂时还不会弄这种,以后再说

posted @ 2022-04-04 20:20  zrswheart  阅读(453)  评论(1编辑  收藏  举报