form表单无刷新提交

前端Javascript

今天看面经看到了一个问题，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值，这样就不会新打开一个标签页，当前页面也不会刷新了。

本文标题:form表单无刷新提交

文章作者:小蕾蕾

发布时间:2017年04月03日 - 16时11分

最后更新:2018年04月28日 - 11时03分

原始链接:http://wanglei-0707.github.io/2017/04/03/form表单无刷新提交/

许可协议: "署名-非商用-相同方式共享 3.0" 转载请保留原文链接及作者。

文章目录
,