form 表单提交后,使页面不跳转[通俗易懂]

form表单提交数据,往往会刷新页面,数据提交后会跳转到其他页面如果不需要刷新页面时,可以通过ifame实现无刷新。在form表单下定义一个ifame将form的target属性指向iframe的name属性,这样就实现了不刷新页面的form提交。示例:<formaction="url"enctype="multipart/form-data"targe…

大家好,又见面了,我是你们的朋友全栈君。

  • form 表单提交数据,往往会刷新页面,数据提交后会跳转到其他页面
  • 如果不需要刷新页面时,可以通过ifame实现无刷新。
    在form表单下定义一个ifame
    将 form 的 target 属性指向 iframe 的 name 属性,这样就实现了不刷新页面的form提交。

示例:

<form action="url" enctype="multipart/form-data" target="frameName">
	<input type="file">上传文件
	<button>提交</button>
</form>
<iframe src="" frameborder="0" name="frameName"></iframe>

数据提交后,页面不会刷新跳转。对iframe,设置需要的样式,即可。
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/127976.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 一. WireShark 抓包及常用协议分析「建议收藏」

    一. WireShark 抓包及常用协议分析「建议收藏」WireShark抓包及常用协议分析简介WireShark简介和抓包原理及过程实战:WireShark抓包及快速定位数据包技巧实战:使用WireShark对常用协议抓包并分析原理实战:WireShark抓包解决服务器被黑上不了网总结:简介1.1WireShark简介和抓包原理及过程1.2实战:WireShark抓包及快速定位数据包技巧1.3实战:使用WireSha…

    2025年9月2日
    7
  • ASP.NET_SessionId 何时生成?何时失效?有何作用呢?

    ASP.NET_SessionId 何时生成?何时失效?有何作用呢?相信做asp.netweb开发的码友们,对ASP.NET_SessionId一定不陌生。ASP.NET_SessionId保存在浏览器cookie中。那么它是来源于哪里?何时生成?何时失效?有何作用呢?带着这些疑问,我们开始探寻它。废话不多说,实践才是检验真理的最好方法,直接上代码。打开VS建立一个APS.NETMVC程序,在HOME页面添加如下代码:clearSession和clearSessionId这两个是ajax方式请求过去的,不会刷新页面,对应的后台方法如下:对应的action代

    2022年7月16日
    16
  • 消息钩子的反拦截

    消息钩子的反拦截首先声明一下,标题所指的钩子是消息钩子,而不是API钩子(一种对API地址的替换技术)。若标题使您误解,请不要继续阅读。      消息钩子在Windows编程中有着非常广泛的应用,它可以任意拦截Windows系统,这个以消息为驱动的系统中的绝大多数消息类型。一方面这给编程者带来了巨大的灵活性,另一方面也埋下了巨大隐患,大多数窃密软件都使用这种方法。此篇文章给您提供一种钩子的反拦截方

    2022年7月25日
    19
  • kmo检验和bartlett球形检验_轻松搞懂:球形压力容器如何焊接安装?[通俗易懂]

    kmo检验和bartlett球形检验_轻松搞懂:球形压力容器如何焊接安装?[通俗易懂]球形压力容器简称“球罐”,与其他形式的容器相比,其重量与体积之比最小,受力均匀,可以承受较高的压力,是工业中普遍应用的大容积定容储气罐。在冶金工厂中,球罐常用于贮存氧气、氮气及保护气体等,以供氧气炼钢、富氧鼓风、轧钢热处理炉及煤气置换等生产所需用气。球罐由球体壳板(分赤道带、下温带、下寒带、上温带、上寒带和极顶板)、支柱、操作平台及管件等组成。球罐按其结构型式分为桔瓣式和混合式两种。根据…

    2022年6月29日
    29
  • 双曲函数奇偶性_[快乐数学]双曲函数(二)

    双曲函数奇偶性_[快乐数学]双曲函数(二)一咬牙 一狠心还是决定把双曲函数的性质给讲了 1 奇偶性先一个一个慢慢捋 从最基本的几个性质开始 本期只研究 y sinhx 和 y coshx 两个函数 如无特殊说明 以下所有内容自变量的定义域均为全体实数 研究函数要先从定义域开始研究 f x sinhx 定义域为 R 值域也为 Rf x coshx 定义域为 R 值域也为 R 下面研究函数的奇偶性双曲正弦是奇函数 正弦函数也是奇函数 这是双曲正弦的图像因为 si

    2026年1月25日
    1
  • 圆柱体积在线计算机,(完整版)圆柱体积计算练习题.docx

    圆柱体积在线计算机,(完整版)圆柱体积计算练习题.docx柱的表面和体积的计算练习题一个蓄水池是圆柱形的,底面面积为31.4平方分米,高2.8分米,这个水池最多能容多少升水?一个圆柱体的高是37.68厘米,它的侧面展开后恰好是正方形,这个圆柱体的体积是多少?一个圆柱形水桶的体积是24立方分米,底面积是6平方分米,桶的装满了水,求水面高是多少分米?一个圆柱形量桶,底面半径是5厘米,把一块铁块从这个量桶里取出后,水面下降厘米,这块…

    2025年12月5日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号