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   霍志杰  阅读(515)  评论(0编辑  收藏  举报  

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示