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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • clgao资源网址

    clgao资源网址工作流项目github:https://github.com/snakerflow/snaker-web

    2022年6月24日
    29
  • 75道面试逻辑智力测试题内附详细答案「建议收藏」

    75道面试逻辑智力测试题内附详细答案「建议收藏」【1】假设有一个池塘,里面有无穷多的水。现有2个空水壶,容积分别为5升和6升。问题是如何只用这2个水壶从池塘里取得3升的水。答案:由满6向空5倒,剩1升,把这1升倒5里,然后6剩满,倒5里面,由于5里面有1升水,因此6只能向5倒4升水,然后将6剩余的2升,倒入空的5里面,再灌满6向5里倒3升,剩余3升。【2】周雯的妈妈是豫林水泥厂的化验员。一天,周雯来到化验室做作业。做完后想出去玩…

    2022年5月14日
    88
  • 谈谈你对map的理解_java中map遍历

    谈谈你对map的理解_java中map遍历摘要:  HashMap是Map族中最为常用的一种,也是JavaCollectionFramework的重要成员。本文首先给出了HashMap的实质并概述了其与Map、HashSet的关系,紧接着给出了HashMap在JDK中的定义,并结合源码分析了其四种构造方式。最后,通过对HashMap的数据结构、实现原理、源码实现三个方面的剖析,深入到它底层Hash存储机…

    2025年9月3日
    7
  • 截止失真放大电路_技术分享:音频功放失真及常见改善方法「建议收藏」

    截止失真放大电路_技术分享:音频功放失真及常见改善方法「建议收藏」音频功放失真是指重放音频信号波形畸变的现象,通常分为电失真和声失真两大类。电失真就是信号电流在放大过程中产生了失真,而声失真是信号电流通过扬声器,扬声器未能如实地重现声音。无论是电失真还是声失真,按失真的性质来分,主要有频率失真和非线性失真两种。其中,引起信号各频率分量间幅度和相位的关系变化,仅出现波形失真,不增加新的频率成分,属于线性失真。而谐波失真(THD)、互调失真(IMD)等可产生新的频率…

    2022年5月20日
    52
  • 织梦首页怎么调用栏目下的文章列表

    织梦首页怎么调用栏目下的文章列表

    2021年9月21日
    37
  • 【spring】属性注入

    【spring】属性注入【spring】属性注入

    2022年4月25日
    45

发表回复

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

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