利用form的target属性配合iframe实现无跳转刷新

最新推荐文章于 2023-01-04 22:35:08 发布

weixin_34289744

最新推荐文章于 2023-01-04 22:35:08 发布

阅读量219

点赞数

文章标签： python

原文链接：https://my.oschina.net/lenglingx/blog/849313

版权

2019独角兽企业重金招聘Python工程师标准>>>

先来一个from表单

<form class="form-horizontal" method="post" target="posthere" action="user-login"  onsubmit="return checkRegForm();" >

在页面添加一个iframe标签

<iframe name="posthere" frameborder=0 width=0 height=0></iframe>

这样form表单提交后将跳转到iframe去，不过因为这个iframe设置成看不可见，所以看不到，当然如果需要显示也可以设置一个大小来显示。

转载于:https://my.oschina.net/lenglingx/blog/849313

优惠劵

weixin_34289744

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用form的target属性配合iframe实现无跳转刷新

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫

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

03-05

用iframe提交表单，主要是将表单提交到iframe中，可实现无刷新提交。 html页面：用户名：密码： php页面:

PHP+iFrame实现页面无需刷新的异步文件上传

10-25

主要介绍了PHP+iFrame实现页面无需刷新的异步文件上传,包含了iframe框架与form表单的运用及PHP文件上传等技巧,需要的朋友可以参考下

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

表单标签和iframe标签的用法

好好睡觉

01-04

1011

表单常用属性与标签、iframe标签的用法

iframe与form的target简单应用

热门推荐

Mr. David 专栏

12-17

3万+

<br /> 大多网站都是有一个整体的固定结构，然后进行局部刷新，我们可以使用AJAX来刷新占位符DIV或者SPAN中的HTML代码的方式去实现。但是HTML片段的编写比整个HTML页面的编写要麻烦。所以许多网站都是使用iframe把整个页面分成几个相对独立的部分，每个部分都是对应一张完整的HTML页面。<br /> 下面给出一个例子，是常用的iframe和form的配合使用的方式，很适合在MVC模式的架构下应用，例子非常简单：<br />主页面：iframe.html<br /><html><b

form提交 target为iframe的应用。

冒旭的博客

12-27

4747

主页面通过showmodaldialog打开窗口 function a(id,affair_id,affair_name){ var url="/swsp/getAffairs" var bizParams = {id:id,affair_id:affair_id,affair_name:affair_name}; $G.showmodald

关于form表单target的用法

slq0326的博客

08-05

1001

关于form表单target的用法

jQuery实现form表单基于ajax无刷新提交方法详解

10-23

主要介绍了jQuery实现form表单基于ajax无刷新提交方法,结合实例形式分析了jQuery使用$.ajax()方法实现无刷新提交的详细步骤与实现技巧,并附带了一个较为完整的实例供大家参考,需要的朋友可以参考下

基于iframe实现类似于ajax的页面无刷新

12-12

本方法是基于iframe实现的，需求是form表单提交带有文件上传的input标签，因此不能使用ajax来提交首先：代码如下: <form id=”form0″ action=”${pageContext.request.contextPath}/news/baikeAdd.form” ...

通过隐藏iframe实现无刷新上传文件操作

11-25

但是用iFrame来实现无刷新上传文件确实一个很好的选择。解决办法是通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs 1.html target指向iframe的name,就是把上传后的操作交给iframe来处理. &...

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

09-28

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

form表单的target标签配合iframe实现不跳转刷新

°还未来的博客

12-25

7441

我对页面了解的不是很多，在做项目的过程中，页面中的form表单提交到action之后，数据库数据查询完成，并且返回了success和我struts配置文件中result结果一样，结果不用想，应该跳转页面。但他就是不跳转。我第一反应这个页面是用了ajax，可js文件我是找了又找，也没有看到ajax的身影，最后没办法我把页面上引用的所有js文件和代码块全注释掉，可还是不行。无奈，回过头来我看看

form表单无刷新提交文件（iframe）

xiaozhen0610的博客

06-08

154

先看一段代码（PHP例子） 1、表单代码（form.html）： <iframe name="testIframeName" style="display:none;"></iframe> <form target="testIframeName" method="post" action="formAction.php"> <input type="text" name="username"/> <input type="passwo.

javascript专题（一）: form的target属性

dazhatan9812的博客

08-12

227

　　表单是最常见的html元素，作用是向服务器提交数据。其中有一个属性target，深入理解之后，对页面的形成有帮助。下面详细分析。一表单提交到了哪里？　　这似乎是个无知的问题，我们都知道表单提交到服务器，java，php，asp等服务器，然后由服务器去读。那么之后呢，服务器总要返回点什么吧，要么返回一个xml或json数据，要么返回一个页面，要么返回一个页面片段，但是返回...

from表单传值到页面，并在iframe中显示该页面，通过form的target属性指定iframe

07-12

3321

1.表单传值 var f =document.getElementById("form"); $("#outContent").contents().find("body").append("sdjifdsjif"); f.action = f.action; $(".colName").attr("value", colName); $(".rowData").

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

八九点笔记

03-14

2万+

先看一段代码（PHP例子） 1、表单代码（form.php）： <?php header("Content-type: text/html; charset=utf8"); ?> 2、action代码(formAction.php)： <?php echo "alert('test....');"; ?> OK，上面的代码非常简单，但实现了表单提交无刷新.

iframe和form表单的target属性

fgakjfd的专栏

05-14

9779

Problem: 刷新主页面中的其中一个iframe,其他内容不变 Solution: main.jsp body onload="getValueFromFrame()"> form> div> iframe name="query" src="query.jsp">iframe> ifr

asp.net利用ajax实现无刷新页面

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交