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


相关推荐

  • linux中运行bminer,ETH/ETC挖矿教程:Bminer & Ethminer

    linux中运行bminer,ETH/ETC挖矿教程:Bminer & Ethminer一、操作系统:windowsLinux二、挖矿软件:Bminer(N卡)Ethminer(N卡/A卡)三、挖矿教程:bminer使用教程1.解压压缩包2.修改mine.bat右键点击mine.bat->编辑->删除所有原文件内容->将下方内容粘贴至文件@echoOFFSETADDRESS=__需要修改__SETUSERNAME=%ADDRESS%.__需要修改__SET…

    2022年10月15日
    3
  • OpenCV实践之路——使用imread()函数读取图片的六种正确姿势

    经常看到有人在网上询问关于imread()函数读取图片失败的问题。今天心血来潮,经过实验,总结出imread()调用的四种正确姿势。通常我要获取一张图片的绝对路径是这样做的:在图片上右键——属性——安全——对象名称。然后复制对象名称就得到了图片的绝对路径。如图:然而这样得到的路径直接复制粘贴到vs里面会直接报错,如下:可以看出我们获取的绝对路

    2022年4月4日
    251
  • potplayer真正的官网地址[通俗易懂]

    potplayer真正的官网地址[通俗易懂]官网地址https://potplayer.daum.net/伪官网(这个不是官网)https://potplayer.org/

    2022年7月4日
    65
  • 系统可用性几个9

    系统可用性几个9经常看到各种技术文章或者分布式系统介绍说系统的可用性达到了多少个9,那么所谓”几个9“到底是怎么计算的?又意味着什么?我们简单计算分析下看看。所谓”1个9“是指90%,”2个9“是指99%,”3个9“是指99.9%,依次类推。可用性的反面是故障时间,网站或者分布式系统会因为很多原因导致不可用,比如:程序bug;运维更新错误;环境配置升级变化;机器硬件故障;被恶意攻击;网关不小心踢掉了网线/电源插座…

    2022年7月12日
    31
  • Unity3d 4.3.4f1执行项目

    Unity3d 4.3.4f1执行项目

    2022年1月23日
    86
  • 什么是覆盖索引_数据库为什么一定要覆盖索引

    什么是覆盖索引_数据库为什么一定要覆盖索引在了解覆盖索引之前我们先大概了解一下什么是聚集索引(主键索引)和辅助索引(二级索引)聚集索引(主键索引):聚集索引就是按照每张表的主键构造一颗B+树,同时叶子节点中存放的即为整张表的记录数据。聚集索引的叶子节点称为数据页,聚集索引的这个特性决定了索引组织表中的数据也是索引的一部分。辅助索引(二级索引):非主键索引,叶子节点=键值+书签。Innodb存储引擎的书签就是相应行数据的主键索引值。…

    2022年8月30日
    5

发表回复

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

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