如何将form提交到iframe

最新推荐文章于 2023-10-25 10:47:28 发布
最新推荐文章于 2023-10-25 10:47:28 发布
阅读量428 收藏 1
点赞数
分类专栏： web开发 文章标签： ASP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/webdev2008/article/details/83878180
版权

一、<iframe name='w1'></iframe>

<form ... target='w1'>

 

二、父页面中表单提交到iframe后...

我要实现的功能是这样的:
父页面中有一个表单, 表面提交到iframe中,我对iframe页面中的内容进行更改后,怎样才能使父页面中的表单再次提交,从而更新了iframe中的内容

<form target="iframeName "></form>

 

三、

str="select * from client where client_name like '%"&trim(request("client_name"))&"%'"

 

四、<form action="asd.asp" target='showed'>
.....
</form>
<iframe name="showed"></iframe>

五、让竖条没有:
<body style='overflow:scroll;overflow-y:hidden'>
</body>
让横条没有:
<body style='overflow:scroll;overflow-x:hidden'>
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

webdev2008
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。
03-05
用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。 html页面： 用户名： 密码： php页面:
iframe标签实现form表单提交无页面刷新(不需要js)---解析
GuangRong1的博客
01-12 3910
在FORM表单后添加一个iframe，即target="rfFrame"> 点保存提交事件里面需要将target改为iframe的名字: 　　JS:document.forms[0].target="rfFrame";        JQuery:$("#f2").attr("target","rfFrame"); 这样即提交了FORM保存了数据,页面也不会跳转
表单提交至iframe
牧童
05-14 718
[code="html"] ....... ........ ..... ...... [/code] [code="js"] var form = document.getElementById("fabokeForm"); /**/ var iframe = document.getElementById("hiddenI...
form 表单提交到 iframe 遇到的问题
chipi6009的博客
02-15 926
不知道有多少人这么写代码的。。 <form id="form" action="/view" method="post" target="test"> <input type="test" name="t" value="t"/> <input type="...
Form表单提交用户数据并在iframe中显示
weixin_33695082的博客
05-08 820
<!DOCTYPE html><html><body><iframe name="frameLayout" frameborder="0" width="200px" height="200px"></iframe><form id="frm1" action="demo-form.php" target="f...
AJAX提交与FORM提交的区别说明
12-02
- **FORM提交**：特别是隐藏的FORM提交，当数据更新完成，通常会引发页面的重定向，导致用户被带到一个新的空白页面，然后再通过POST请求回原页面进行后续处理。这种方式相比AJAX，增加了用户的等待时间，用户体验...
使用iframe实现提交表单不刷新页面
09-28
设置`<form>`的`target`属性为之前创建的`<iframe>`的名称，这样当表单提交时，数据就会发送到`<iframe>`而不是当前页面。同时，确保设置`method`属性为"POST"或"GET"，以指定数据提交的方式。以下是一个示例： ```...
文件上传,iframe跨域数据提交的实现
09-01
同时，设置form的target属性为一个iframe的名称，以便数据提交到iframe。 2. 创建一个iframe，并将其name属性设置为与form的target相同。由于iframe通常被隐藏，因此可以设置其style为"display:none"。 3. 在form...
layui弹出层按钮提交iframe表单的方法
01-19
如下所示： layer.open({ id: 'LAY_layuipro', //设定一个id，防止重复弹出 ... var inputForm = $(window.frames[layui-layer-iframe + index].document).contents().find(#userForm); inputForm.
from表单传值到页面，并在iframe中显示该页面，通过form的target属性指定iframe
07-12 3366
1.表单传值 var f =document.getElementById("form"); $("#outContent").contents().find("body").append("sdjifdsjif"); f.action = f.action; $(".colName").attr("value", colName); $(".rowData").
form表单的使用，iframe内嵌标签
weixin_64289861的博客
12-07 589
一些web基础的不能在基础的内容
vue中如何使用iframe
qiqiyiyi_的博客
10-28 1930
vue中如何使用iframe html中 <div class="home_container"> <iframe id="iframe" style="width:100%;height:100%" src="https://www.baidu.com/" v-cloak /> </div> js部分 mounted(){ // 获取iframe元素 querySelector 返回文档中匹配指定 CSS 选择器的一个元素。 const
用iframe进行表单提交时的若干问题总结
weixin_30929295的博客
03-14 202
这篇文章主要用来探讨在使用iframe进行表单提交时一系列浏览器兼容性以及iframe本身的一些限制。iframe的主要用途一般是运用在无刷新提交数据并做出响应的场景，可以作为ajax方式的有力补充。相对于使用ajax提交数据有一些独特的优势：1、对浏览器是否支持javascript没有要求，因而有更好的浏览型兼容性。2、表单提交时和普通的页面提交没有差别，不用通过脚本来包装提交的数据。3、能很方...
通过表单提交解决iframe 跨域渲染的问题
最新发布
qq_39171012的博客
10-25 95
【代码】通过表单提交解决iframe 跨域渲染的问题。
chrome中<a href="" target="myFrame">重定向问题
故轩溪
09-19 2939
chrome中重定向问题Chrome似乎不支持target跳转到其他frame(target=”_self”是可以的)，所以当页面中使用了frame时，多层嵌套frame时，frame之间的跳转就有问题了。解决办法： 使用JS改变目的frame的src属性. example： parent.html主要内容：/*同域中,chrome target指向Iframe跳转问题的解决方法:使用JS绑定
Struts 2 jsp 页面iframe子页面提交表单后返回父页面
07-16 728
@描述：父页面parent.jsp中使用iframe添加子页面src 添加子页面son.jsp &lt;iframe ID="testIframe" Name="testIframe"  src='son.jsp'&gt;&lt;/iframe&gt;   一、解决方法：在子页面son.jsp 页面的form 表单属性中加入    target=‘_parent’   struts.xml...
vue中iframe的使用
热门推荐
upStar1的博客
03-31 3万+
iframe在同域时能自由操作iframe和父框架的内容(DOM)，在跨域时可以实现页面跳转。 <iframe id="iframe" :src="iframeSrc" style="height: calc(100% - 50px)" width="100%" frameborder="0"></iframe> 获取iframe里面的内容 iframe.contentWindow, 获取iframe的window对象 iframe.contentDocument, 获取if
Vue内嵌iframe
csdn_girl的博客
01-17 2926
Vue内嵌iframe及通讯 消息交互方式 父向子传递消息：iframeEl.contentWindow.postMessage 子接收父消息：window.addEventListener(‘message’) 子向父传递消息：window.parent.postMessage 父接收子消息：window.addEventListener(‘message’) 实例-html： parent.h...
iframe怎么使用表单提交事件
04-20
iframe标签可以在网页中嵌入另一个网页。表单提交可以使用form元素的submit()方法来触发，例如： ```html <form id="myForm" action="submit.html" method="post"> <input type="text" name="name"> <input type="submit" value="Submit"> </form> <iframe id="myFrame" src="about:blank"></iframe> ``` JavaScript代码： ```javascript const form = document.getElementById('myForm'); const iframe = document.getElementById('myFrame'); iframe.addEventListener('load', () => { // 在iframe加载完成后，提交表单 iframe.contentWindow.document.forms[0].submit(); }); form.addEventListener('submit', (event) => { // 阻止表单的默认提交行为 event.preventDefault(); // 将表单的数据提交到iframe中 iframe.contentDocument.write('<p>提交中...</p>'); form.target = 'myFrame'; form.submit(); }); ``` 上述代码会在iframe中显示"提交中..."，然后自动跳转到submit.html页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值