form 表单提交后，使页面不跳转

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>
12345
数据提交后，页面不会刷新跳转。对iframe，设置需要的样式，即可。
---------------------
作者：ping_biubiubiu
来源：CSDN
原文：https://blog.csdn.net/weixin_42915204/article/details/82893837

form 表单提交后，使页面不跳转相关推荐

vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
layui提交表单自动刷新_layui form表单提交后实现自动刷新
刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用. 问题: 1.提交表单,页面自动刷新. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型.哪 ...
form表单提交后提示成功信息
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" s ...
form表单提交不刷新页面的方法
方法1:给form表单加onsubmit事件,值为return false; <form action="" method="post" οnsubmi ...
html表单提交后显示,javascript – 在表单提交后在页面上显示消息
我有一个包含2个字段的表单(对于此示例),我使用 JavaScript验证,如果字段包含数据,则表单将在用户单击"提交"按钮时提交.我在表单标签中使用iframe将输出发送到同一页 ...
form表单提交后页面404
<form action="/hello" method="post"> 修改为 <form action="/springmvc_ ...
layui ajax form 表单提交后清空
1. 2.ajax 提交成功后,执行 $("#my_question")[0].reset(); 注:https://blog.csdn.net/chenxihua1/articl ...
form + iframe 获取表单提交后返回的数据
原理: submit 提交表单没有回调函数,但是可以用iframe来接收返回结果,最后进行格式转换就ok了: 原文地址: http://blog.csdn.net/simeng_1016/articl ...
html 表单提交跳转新的页面,jquery模拟form表单提交并新打开页面
/** * form表单提交本页面打开 * @param url * @param params */ functionpostCurrent(url,params){ varform = $(&qu ...
html 提交form表单提交数据格式,form表单提交数据
form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...

form 表单提交后，使页面不跳转

form 表单提交后，使页面不跳转相关推荐

最新文章

热门文章