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


相关推荐

  • win10 VMware 虚拟机 实现桥接模式 上网

    win10 VMware 虚拟机 实现桥接模式 上网前言:  可能很多朋友想用VMware在自己的windows系统上体验下其它操作系统或者运行某些只能在Linux上的软件。但是可能自己买阿里云或者腾讯云感觉划不来。下面我来简单的来告诉大家,运用VMware的桥接模式,可以让大家像拥有另外一台不同操作系统的电脑一样在局域网中。同样可以来上网,可以和局域网中的其他机器一样通信,甚至可以暴露ip与端口到公网中,这样其他机器或者网页等也能访问它。环境…

    2022年6月14日
    161
  • leetcode-148. 排序链表(链表排序)

    leetcode-148. 排序链表(链表排序)给你链表的头结点 head ,请将其按 升序 排列并返回 排序后的链表 。进阶:你可以在 O(n log n) 时间复杂度和常数级空间复杂度下,对链表进行排序吗?示例 1:输入:head = [4,2,1,3]输出:[1,2,3,4]示例 2:输入:head = [-1,5,3,4,0]输出:[-1,0,3,4,5]示例 3:输入:head = []输出:[] 提示:链表中节点的数目在范围 [0, 5 * 104] 内-105 <= Node.val &lt

    2022年8月9日
    5
  • ubuntu下rabbitvcs安装后无右键菜单解决办法

    ubuntu下rabbitvcs安装后无右键菜单解决办法1、sudorabbitvcs2、rabbitvcs3、nautilus-q4、ls-ldxxx/RabbitVCS.logsudochown-R’currentuser’xxx/RabbitVCS.log

    2022年7月18日
    12
  • flash8中文版从入门到精通_重发:6月23日福利丨PROE教学视频零基础入门到精通实用视频教程自学全套…「建议收藏」

    flash8中文版从入门到精通_重发:6月23日福利丨PROE教学视频零基础入门到精通实用视频教程自学全套…「建议收藏」点击上方蓝色字关注我们!小伙伴们,大家好,今天来给小伙伴们分享我们的新一期的视频教程,本期的视频教程我们主要分享的是PROE的自学视频,什么是PROE呢?下面我们进入今天的主题吧什么是PROE?proe是美国PTC公司旗下的产品baiPro/Engineer软件的简称。duPro/E(Pro/Engineer操作软件)是美国参数技术zhi公司(ParametricTechnology…

    2022年8月29日
    0
  • java垃圾回收机制原理_java垃圾回收的缺点

    java垃圾回收机制原理_java垃圾回收的缺点  最近做一个ETL的项目模块,经常由于查询数据量比较大用消息中间件MQ时引起了内存溢出的报错。做完后没事研究了一下JVM和垃圾回收的相关知识点。一:垃圾回收机制的意义java 语言中一个显著的特点就是引入了java回收机制,是c++程序员最头疼的内存管理的问题迎刃而解,它使得java程序员在编写程序的时候不在考虑内存管理。由于有个垃圾回收机制,java中的额对象不在有“作用域”的概念,只有…

    2022年10月13日
    0
  • 自适应滤波算法综述[通俗易懂]

    自适应滤波算法综述[通俗易懂]自适应滤波算法综述

    2022年6月12日
    34

发表回复

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

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