页面加载完后,自动提交form表单,且在iframe内跳转的方法

最新推荐文章于 2022-01-04 12:38:23 发布

景荣先生

最新推荐文章于 2022-01-04 12:38:23 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： form

本文链接：https://blog.csdn.net/qq_38882327/article/details/88987495

前端专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种利用JavaScript自动触发表单提交的方法，并通过设置目标iframe实现页面跳转的技术细节。此方法适用于需要无缝跳转至新页面的应用场景。

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

<script>
    $(function(){
        $('#pay').submit();
    });
</script>
<form method="post" action="{:U('index/info')}" id="pay" target="main">		//在name为main的iframe框内跳转
      <input type="hidden" name="one" value="{$id}"/>
</form>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

景荣先生

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

页面加载自动提交表单

qq_29367497的博客

04-21

5258

为了页面加载自动提交表单，我一开始是用一个隐藏表单 > > document.hiddenForm.submit() 这种方法然后表单不断提交改用 function submitForm() { var frm = document.getElementById("hiddenform"); frm.s

html前台提交form数据不跳转,并且获取返回信息

RSHUEN的博客

07-19

1280

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form id="themeForm" action="t...

参与评论您还未登录，请先登录后发表或查看评论

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

09-28

正常情况下，当你向服务器发送数据的时候，你的浏览器将会打开ACTION页面，并且不会重回到当前页面。但是有的时候，我们因为各种各样的要求，而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面

JS：页面载入完成时自动提交

一夜长风的专栏

03-13

4270

有时我需要某个页面载入完成时，表单自动提交数据，这时候可以使用js来处理；一、使用JS的onload属性：例如：这是使用onload属性在页面载入完成时自动发生submit事件；二、使用JQ的ready事件：例如： $(document).ready(function(){ $('#pay').submit(); }); 或者 $(f

html 自动提交表单，自动跳转标签

weixin_42068117的博客

05-04

6998

自动提交form表单<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body onload="do

form 表单提交到 iframe 遇到的问题

chipi6009的博客

02-15

1008

不知道有多少人这么写代码的。。 <form id="form" action="/view" method="post" target="test"> <input type="test" name="t" value="t"/> <input type="...

vue 解决form表单提交但不跳转页面的问题

10-16

在Vue.js框架中，表单提交是一个常见的交互行为，但默认情况下，HTML的`<form>`元素在提交时会向其`action`属性指定的URL发送数据并导致页面重载或跳转。在某些场景下，如AJAX提交或者希望在当前页面处理提交的数据...

Form提交表单页面刷新不跳转

09-28

当一个Form表单被提交时，默认情况下，表单内的输入数据会被发送到action属性所指向的URL地址。如果action属性为空，那么会将数据提交到与当前页面相同的URL。提交方法通常是post或get，其中post方法会将数据包含在...

Form表单提交刷新页面不跳转源码设计

09-28

在探讨Form表单提交并刷新页面却不进行页面跳转的实现方法时，我们需要从几个关键知识点入手。首先是HTML表单的基础知识，其次是如何利用表单的提交机制，然后是通过iframe技术实现页面内容的局部刷新而不影响整个...

使用iframe实现无刷新表单提交

go-sunny博客

01-16

1894

实现无刷新提交表单，一般使用ajax，需要操作DOM，还有一种方法就是采用iframe提交，比ajax更简单，而且不需要操作DOM。 index.html ,注意target指向的是一个iframe index.php <?php echo alert($_POST['cmt'], 'error', 'halt'); function alert($msg,

iframe标签实现form表单提交无页面刷新(不需要js)---解析

GuangRong1的博客

01-12

4044

在FORM表单后添加一个iframe，即target="rfFrame"> 点保存提交事件里面需要将target改为iframe的名字: 　　JS:document.forms[0].target="rfFrame"; JQuery:$("#f2").attr("target","rfFrame"); 这样即提交了FORM保存了数据,页面也不会跳转

form自动加载数据

freellf的专栏

04-11

918

http://www.iteye.com/topic/149652

前端页面自动提交form表单

xuhaogang3的博客

07-03

1689

document.forms[0].submit(); document.forms['exportServlet'].submit(); （1）document.forms：表示获取当前页面的所有表单（2）document.forms[0]：表示获取当前页面的第一个表单（3）document.forms['exportServlet']：表示获取当前页面的name="exportServlet"的表单（4）submit()表示提交函数场景：在做支付宝支...

页面首次加载自动提交表单action到指定地址

follow-heart的博客

04-17

970

页面首次加载自动提交表单到指定地址前两天的一个小需求吧，页面首次加载的时表单内容自动action到指定地址，一顿操作最后找到方法，废话不多说直接上代码。需要的表单内容搭建出来,需要单独给form表单一个单独的id值 <form action="https://www.baidu.com/" method="post" id="myForm" target="_self"> ...

HTML表单详解

奶香刘沙包的博客

01-04

1295

表单详解一、表单标签属性表单标签：form 属性：action：当表单提交时，页面跳转的路径==》按钮为：submit 属性：method：表单提交方式( get：默认。 1、提交的数据会在地址栏中显示【不安全】 2、速度快 3、数据大小有限制 post 1、数据不显现 2、速度相对慢一些 3、数据几乎无限制【可上传大文件】); name：用于数据传递时封装数据的名称 value：

U方法传参数-ThinkPHP

okuboy的博客

11-12

790

{:U('Index/index',array('tid'=>$vo['tid']))}

ThinkPHP3.2.3 U()方法的使用总结