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,而不发生页面的跳转,可多次在当前页面提交数据了。
浙公网安备 33010602011771号