`

提交iframe中的表单

JSP 
阅读更多
今天写了一个提交信息的jsp页面,页面的结构是这样的:

    index.jsp:主页面,其中有一个iframe,id=subject,还有一个图片的的按钮;

   subject.jsp提交意见的页面;其中有一个form表单,id为from1;

   我现在index中的图片按钮中提交subject页面中的form1表单。开始我是这么写的:

   document.getElementById("subject").document.forms[0].submit();

  或者document.getElementById("subject").document.forms['form1'].submit();

总是不能成功,后来改成了如下形式:

window.frames['subject'].document.form1.submit();  就可以了。

分享到:
评论

相关推荐

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> ...

    layui弹出层按钮提交iframe表单的方法

    如下所示: layer.open({ id: 'LAY_layuipro', //设定一个id,防止重复弹出 ... var inputForm = $(window.frames[layui-layer-iframe + index].document).contents().find(#userForm); inputForm.

    js跨域iframepostMessage提交表单

    创建一个隐藏的iframe,将表单嵌入其中,然后在表单提交事件中指定目标为iframe,这样表单的数据就会被发送到iframe加载的URL。 2. **form表单提交**:在HTML中,可以通过设置`<form>`元素的`target`属性为iframe的...

    关于iframe跨域POST提交的方法示例

    以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...

    使用iframe实现提交表单不刷新页面

    在网页开发中,有时我们需要在用户提交表单时保持页面状态不变,避免页面刷新或跳转至新页面。为了实现这一需求,我们可以利用HTML的`<iframe>`元素,这是一种无刷新提交表单的方法。`<iframe>`允许我们将一个网页...

    jquery异步提交form表单

    本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...

    iframe实现异步无刷新提交

    在上述代码中,用户点击"提交"按钮后,`submitForm`函数会被调用,将`iframe`的`src`设置为表单的`action`属性值,即提交地址。当`iframe`加载完成后,我们可以通过`onload`事件处理服务器的响应。 需要注意的是,...

    使用jQuery.form插件,实现完美的表单异步提交

    url: '/submit', // 表单提交的URL,可以覆盖HTML表单中的action属性 dataType: 'json', // 设置预期的服务器响应数据类型,如:json、xml、html等 data: {key: 'value'}, // 可以在此添加额外的POST数据 ...

    php之表单文件iframe异步上传

    1. 创建一个包含`<iframe>`的HTML页面,设置`iframe`的`name`属性,以便在表单中指定目标。 2. 创建一个`<form>`元素,设置`enctype="multipart/form-data"`以支持文件上传,`target`属性设置为`iframe`的`name`,...

    JS实现向iframe中表单传值的方法

    总的来说,JS实现向iframe中表单传值是通过获取iframe的`contentWindow`属性,然后操作iframe内页面的DOM元素,将数据传递到隐藏的表单字段,最后提交表单来完成的。这种方法在多页面交互和数据传递中有广泛的应用。...

    js处理iframe的系列问题

    通过对上述知识点的学习,我们可以更加灵活地利用JavaScript来处理`iframe`中的各种问题,包括但不限于访问、修改`iframe`内部元素、提交表单、调用方法以及触发事件等。这些技巧对于开发复杂的Web应用来说是非常...

    php无刷新提交表单

    这里定义了一个隐藏的`iframe`元素`frameFile`,它的`name`属性与表单中的`target`属性相匹配,用于接收表单提交后的响应数据。 3. **JavaScript监听与处理**: ```javascript $(function(){ $('#fileUp')....

    ASP.NET页面借助IFrame提交表单数据所遇到问题的解决方法分享

    在ASP.NET页面中,有时候我们需要利用IFrame(内联框架)来实现一些特定的需求,比如跨域提交表单数据或者实现异步操作。本文将探讨如何在ASP.NET中使用IFrame提交表单数据以及解决可能遇到的问题。 在描述的问题中...

    php 提交表单 关闭layer弹窗iframe的实例讲解

    本文将结合这三个技术点,通过实例讲解如何在PHP表单提交后关闭Layer弹窗中的iframe。 首先,介绍Layer插件的基本使用方法。Layer插件主要通过JavaScript调用,提供了一套API进行弹窗操作。例如,使用layer.open()...

    layuiadmin-iframe3.zip

    例如,使用layui的form模块提交表单数据,或使用laymsg显示提示信息。 5. 自定义模块和插件:layui支持扩展和自定义,开发者可以根据需求创建自己的模块或插件。在layuiadmin-iframe3中,可能会有一些定制的组件或...

    ajax(iframe)无刷新提交表单、上传文件

    文件上传功能是通过在HTML表单中包含一个`<input type="file">`元素实现的。用户可以通过这个元素选择一个文件。当表单提交时,文件内容被编码为"multipart/form-data"格式,并发送到服务器。服务器端(如PHP脚本)...

    iframe实现页面局部刷新操作

    图片上传通常涉及表单提交,我们可以创建一个包含文件输入字段的表单,并将其设置为`iframe`的`target`,这样表单提交就不会导致整个页面刷新。例如: ```html 上传图片" /> ``` 这里的`enctype`属性设为`...

    子窗口iframe跳转到父窗口

    例如,在`iframe`内完成表单提交后,希望返回到父窗口的某个特定页面。 #### 二、四种实现方法详解 ##### 方法一:使用JavaScript直接设置父窗口的location属性 这种方法是最直接的实现方式之一。具体操作是在子...

Global site tag (gtag.js) - Google Analytics