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

最新推荐文章于 2022-08-05 09:28:04 发布

weixin_34289744

最新推荐文章于 2022-08-05 09:28:04 发布

阅读量226

点赞数

文章标签： 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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34289744

关注关注

0
点赞
踩
0

收藏

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

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

扫一扫

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

03-05

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

表单标签和iframe标签的用法

好好睡觉

01-04

1091

表单常用属性与标签、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

4773

主页面通过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

1034

关于form表单target的用法

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

09-28

为了实现这一需求，我们可以利用HTML的`<iframe>`元素，这是一种无刷新提交表单的方法。`<iframe>`允许我们将一个网页嵌入到另一个网页中，使其在后台运行，从而达到不影响主页面的效果。首先，我们需要在HTML文档...

php+js iframe实现上传头像界面无跳转

10-26

首先，前端HTML部分通过创建一个表单（form），并设置其target属性为目标iframe，使得表单提交时不会刷新或跳转到其他页面。表单中包含一个文件输入（input type="file"），供用户选择图片文件，以及一个隐藏的提交...

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

09-28

总而言之，通过在Form标签中使用target属性配合隐藏的iframe，可以实现提交表单后页面刷新而不跳转的效果。这一技术在Web开发中具有广泛的应用，能够提升用户操作的流畅性，但也需要针对具体情况进行适当的考量和...

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

09-28

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

JS页面跳转和js对iframe进行页面跳转、刷新

01-30

在IT领域，特别是前端开发中，JavaScript（简称JS）被广泛用于实现网页的动态功能，包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法，以及如何利用JS操作iframe进行页面跳转和...

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

°还未来的博客

12-25

7455

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

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

07-12

3390

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，上面的代码非常简单，但实现了表单提交无刷新.

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

xiaozhen0610的博客

06-08

160

先看一段代码（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

238

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

iframe和form表单的target属性

fgakjfd的专栏

05-14

9800

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

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

最新发布

05-28

ASP.NET可以利用Ajax技术实现无刷新页面。Ajax是一种异步的JavaScript和XML通信技术，它可以在不刷新整个页面的情况下，向服务器提交或获取数据，并将返回的数据局部地更新到页面上。在ASP.NET中，可以通过以下步骤来实现无刷新页面： 1. 引入jQuery库。在ASP.NET页面中，需要通过<script>标签引入jQuery库，例如： ``` <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> ``` 2. 编写JavaScript代码。通过jQuery库提供的$.ajax()方法，可以向服务器提交或获取数据，并在成功返回数据后更新页面。例如，下面的代码用于向服务器提交数据： ``` $.ajax({ type: "POST", url: "Handler.ashx", data: { name: "张三", age: 18 }, success: function (data) { $("#result").html(data); } }); ``` 其中，type表示提交数据的方式，可以是POST或GET；url表示提交数据的目标地址；data表示提交的数据，可以是JSON对象、字符串或FormData对象；success表示成功返回数据后的回调函数，data参数表示服务器返回的数据。 3. 编写服务器端代码。在ASP.NET中，可以通过Generic Handler（通用处理程序）来处理Ajax请求。Generic Handler是一种不包含HTML标记的ASP.NET页面，可以处理各种类型的请求。例如，下面的代码用于处理上面的Ajax请求： ``` public class Handler : IHttpHandler { public void ProcessRequest(HttpContext context) { string name = context.Request.Form["name"]; int age = int.Parse(context.Request.Form["age"]); // 处理请求，返回数据 context.Response.Write("提交成功！"); } public bool IsReusable { get { return false; } } } ``` 在该代码中，通过Request.Form[]属性获取提交的数据，处理请求后通过Response.Write()方法返回数据。通过以上步骤，就可以在ASP.NET中利用Ajax技术实现无刷新页面了。