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">
    请输入当前的温度:<input name="temperature" id="id-temperature" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
    请输入当前的湿度:<input name="humidity" id="id-humidity" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
    请输入当前的光照强度:<input name="guang" id="id-guang" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
    <button id="buttoner" onclick="update1()">更新</button>
</form>
现在就可以实现html form表单提交数据给servlet,而不发生页面的跳转,可多次在当前页面提交数据了。
标签:
html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?