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


相关推荐

  • double转bigDecimal精度问题

    double转bigDecimal精度问题double转bigDecimal精度问题需要用到bigDecimal的字符串构造来转float的精度:2^237位double的精度:2^5216位十进制转二进制存在精度差doubleg=12.35;BigDecimalbigG=newBigDecimal(g).setScale(1,BigDecimal.ROUND_HALF_UP);//…

    2022年6月4日
    159
  • 计时器SetTimer

    计时器SetTimerSDK编程笔记—计时器篇什么时候我们需要用到SetTimer函数呢?当你需要每个一段时间执行一件事的的时候就需要使用SetTimer函数了。让我们先来看看SetTimer函数的原型:UINTSetTimer(UINTnIDEvent,UINTnElapse,void(CALLBACKEXPORT*lpfnTimer)(HWND,UINT,YINT,DWORD))当使用S

    2025年7月14日
    0
  • eWebEditor漏洞分析

    eWebEditor漏洞分析现在eWebEditor在线编辑器用户越来越多,危害就越来越大。首先介绍编辑器的一些默认特征:   默认登陆admin_login.asp   默认数据库db/ewebeditor.mdb   默认帐号admin密码admin或admin888   在baidu/google搜索inurl:ewebeditor   几万的站起码有几千个是具有默认特征的,那么试一下默认后台   htt…

    2022年7月14日
    16
  • 支付宝支付接口

    支付宝支付接口

    2021年5月12日
    143
  • vue3 codemirror_mirror代码

    vue3 codemirror_mirror代码前言如果我们想在Web端实现在线代码编译的效果,那么需要使用组件vue-codemirror,他是将CodeMirror进行了再次封装支持代码高亮62种主题颜色,例如monokai等等支持js

    2022年7月31日
    66
  • java基本运算符及应用,这是一个闰年吗_苹果12.6. 1正式发布

    java基本运算符及应用,这是一个闰年吗_苹果12.6. 1正式发布方法1:importjava.util.Scanner;publicclassShixun1{publicstaticvoidmain(Stringargs[]){Scannerinput=newScanner(System.in);System.out.println(“请输入年份:”);intyear=input.nextInt();if(year%400==0||(…

    2025年6月2日
    0

发表回复

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

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