html只提交表单而不跳转页面

form的action属性是提交数据的url地址,向servlet提交数据的时候,当前页面会跳转到servlet,但如果想在当前页面连续多次提交,那么就希望提交数据后页面不会进行跳转。
解决方法:
在html中添加一个隐藏的iframe,form表单通过target属性链接到这个隐藏的iframe,以此来实现,只提交数据而不发生页面的跳转。

1.在html中添加一个隐藏的iframe

<iframe  width=0 height=0 frameborder=0 id="myiframe" name="myiframe"></iframe>

2.在表单中设置target属性

<form action="UpdateSevlet",method="get" target="myiframe">
		&nbsp&nbsp&nbsp&nbsp请输入当前的温度:<input name="temperature" id="id-temperature" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
		&nbsp&nbsp&nbsp&nbsp请输入当前的湿度:<input name="humidity" id="id-humidity" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
		&nbsp&nbsp&nbsp&nbsp请输入当前的光照强度:<input name="guang" id="id-guang" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
		&nbsp&nbsp&nbsp&nbsp<button id="buttoner" onclick="update1()">更新</button>
	  </form>

现在就可以实现html form表单提交数据给servlet,而不发生页面的跳转,可多次在当前页面提交数据了。

posted on 2022-04-14 09:12  霍志杰  阅读(605)  评论(0)    收藏  举报  来源

导航