form隐藏提交

本文介绍了一种使用HTML表单实现隐藏提交的方法。通过设置表单的目标为一个不可见的iframe,可以实现在不跳转页面的情况下提交表单。适用于需要保持当前页面状态但又需要提交数据的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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解决问题了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值