form表单提交数据不跳转页面的解决方法
还是地铁查询系统
一开始写的是点击查询按钮,然后页面它就自动跳转到另外一个jsp,显示查询结果
可是老师说太low
那就升级,加了一个iframe框,然后可以在一个页面同时显示查询和查询结果
这种:
方法:
前端的form表单添加一个target="hideIframe1"
<form action="chaxun.jsp" method="post" target="hideIframe1" > <p> <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> <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>