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解决问题了
分享到：
相关推荐
本文将详细介绍在form提交时传递额外参数的几种常见方法，并分析各自的优缺点，供开发者根据实际需求进行选择。 1. 在表单里使用隐藏的input元素 这是最简单也是最直接的方法。可以在表单HTML代码中直接添加一个...
在Web开发中，尤其是使用JavaServer Pages (JSP)时，Form表单的重复提交问题是一个常见的挑战。这可能导致数据不一致性和服务器资源的浪费。本文将探讨三种防止JSP表单重复提交的方法。 首先，我们可以使用...
在这个示例中，我们定义了一个函数check_form()，它会检查表单的提交状态以及表单元素的值。如果表单尚未填写完整，或者已经被提交过，函数会返回false阻止表单提交，并弹出相应的提示信息。 服务器端的防御策略则...
在上述示例中，`method="post"`用于隐藏提交的数据，使其更安全。 总的来说，HTML `<form>`表单结合JavaScript的验证功能，为用户提供了一种交互式的、安全的数据输入和提交机制。理解这些基本概念对于开发动态、...
创建一个随机数作为Session变量的值，并在表单中作为隐藏字段传递。在接收端，比较表单提交的随机数与Session中的值，如果不一致则认为是重复提交： ```php session_start(); $code = mt_rand(0,1000000); $_...
3. **JavaScript辅助**：利用JavaScript在提交前动态处理表单数据，将所有选中的复选框值收集到一个数组，然后转换为JSON字符串或其他格式，再附着到某个隐藏字段的`value`上，这样服务器端就能获取到所有值。...
### Web应用中避免Form重复提交的三种方案 #### 一、使用JavaScript预防重复提交 **1. 设置变量标记** 为了防止表单重复提交，可以通过JavaScript设置一个全局变量，该变量用作标记，确保表单只能被提交一次。...
前台参数怎么传到后台使用，通过在前台设置隐藏域，通过form表单，把值传到后台
在这种情况下，"form自动提交"技术就派上了用场。本篇将详细讲解如何实现这一功能。 首先，我们要理解form表单的基本概念。在HTML中，`<form>`元素用于创建交互式表单，允许用户输入数据并提交给服务器进行处理。...
综上所述，我们可以得出结论：在form表单中，具有visibility=hidden或display=none属性的表单元素的数据都会被提交，而具有disabled=true属性的表单元素的数据则不会随表单一起提交。这在设计表单界面时非常有用，...
layui使用form表单实现post请求，避免信息泄露(设置form表单隐藏，也可以初始化时隐藏)： 这里是在数据表格查询数据时的按钮操作，其他操作类似 <table id=myTable class=layui-table lay-filter=myTableDetail></...
在JSP开发中，防止表单（Form）重复提交是一个重要的问题，因为它可能导致数据的冗余或不一致性。以下是对避免Form重复提交的三种常见方案的详细解释： 1. JavaScript控制提交： 这种方法通过JavaScript在客户端...
表单提交’; }}?>在上面的示例中，我们创建了一个名为 `originator` 的隐藏字段，它的值是通过 `mt_rand()` 函数生成的一个随机数，这个随机数存储在服务器端的 Session 中。当表单提交时，服务器会检查提交的 `...
在 Form 表单中，我们可以使用 `<input>` 元素的 `type` 属性指定隐藏字段，然后在 JavaScript 代码中使用该字段来提交额外数据。 知识点 6: 使用 Select 选择框来提交选项数据 在我们的实例中，我们使用 Select ...
通过js模拟post提交 1：请求需要的参数过长，超过get允许的最大长度 2：想要隐藏地址栏的参数 //新创建一个form表单 [removed]('<form name=myForm></form>'); var myForm=document.forms['myForm']; ...
本篇文章将详细介绍如何使用jQuery实现动态创建form并进行提交。 首先，我们要了解jQuery的核心概念，它是一个轻量级的JavaScript库，简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在动态创建form的过程...
3. `accept()`：这可能是自定义函数，用于将子表中的数据写入隐藏的input字段，以便于提交到服务器。 4. `success`: 这是表单提交成功后的回调函数。它接收服务器返回的结果，通常是一个JSON格式的数据。通过`eval...
总结来说，防止`<input>`按回车自动提交`<form>`表单，可以通过增加隐藏的`<input>`元素或者使用JavaScript监听并阻止回车键的默认行为。这两种技术在实际开发中都得到了广泛的应用，可以根据项目需求选择适合的实现...