form表单无刷新提交

今天看面经看到了一个问题,form表单当前页面无刷新提交。我只知道可以使用AJAX方法实现,然后就查了一下这个问题。很多博客都写了,基本都是一样的,就是使用一个隐藏的iframe,将form表单的target设置成这个隐藏的iframe的id值,然后我就自己尝试了一下。代码如下:

<form name="form1" action="upload.jsp" method="post" target="iframe">
<input type="text" name="username" value="">
<input type="text" name="password" value="">
<input type="submit" value="提交">
</form>
<iframe name="hidden_iframe" id="iframe" style="display:none"></iframe>

然而!!!我发现当前页面确实是没有刷新,但是会打开一个新的标签页!多次尝试之后才发现,target不是设置成iframe的id值,而应该是name值,这样就不会新打开一个标签页,当前页面也不会刷新了。

文章目录
,