form掩藏提交 _Web前端

form隐藏提交
form怎么实现隐藏提交呢？先请看下面的代码

<HTML>
<HEAD>
<TITLE> 隐藏提交</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form action="submit.do" target="iframe1">
<TABLE>
<TR>
	<TD><input type="text" name="name" value="123"></TD>
</TR>
<TR>
	<TD><input type="button" name="name" value="提交" onclick="submitBut()"></TD>
</TR>
</TABLE>
</form>
<iframe name="iframe1" width="0" height="0">
</BODY>

<SCRIPT LANGUAGE="JavaScript">
<!--
function submitBut(){
     document.forms[0].submit();
}
//-->
</SCRIPT>
</HTML>

原理如下：将form的target设置为页面上一个长、宽都是0的iframe，这样点击提交按钮后页面会提交到这个iframe里面，但是页面不会转向，看着像是用了ajax。

今天，做页面的时候遇到了另外的情况，页面上有个iframe1，iframe1里面的页面要实现隐藏提交，用了以上说的方法，点提交后iframe1总是转向。最后让iframe1里面的页面提交到iframe1所在页面的iframe2解决问题了