【用HTTP状态码实现提交表单后刷新页面不重复提交】的更多相关文章

用HTTP状态码实现提交表单后刷新页面不重复提交

正常情况下,表单提交后如果用户刷新页面会重复提交表单,有些情况下我们不希望表单重复提交,利用HTTP协议中的307状态码重定向页面可以实现这个目的.实例如下: 表单页面代码: <form action="1.php" method="post"> <input type="text" name="na"> <input type="submit" value="提交&…

26.VUE学习之--提交表单不刷新页面,事件修饰符之使用$event与prevent修复符操作表单

提交表单不刷新页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>--> <script type="text/javascr…

使用iframe实现提交表单不刷新页面

正常情况下,当你向服务器发送数据的时候,你的浏览器将会打开action页面,并且不会重回到当前页面.但是有的时候,我们因为各种各样的要求,而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面. 所以我们引入一个嵌入框架来解决这个问题.具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架.首先你应该在body下面插入一个嵌入框架: <iframe style="width:0; height:0; margin-top:-10px;&q…

提交form表单不刷新页面案列

提交form表单不刷新页面其实很简单的,这里拿上传图片来举列,大家有什么其它的方法也欢迎留言告知与我 <form action="" method="post" id="IMGFORM" enctype="multipart/form-data" target="upload">                      <table>                       …

提交表单时，post方式无法提交（一种情况）

tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1"  否则在提交表单时,post方式无法提交 Tomcat6: Tomcat7:…

iframe中使用模态框提交表单后,iframe加载父页面的解决方法

在iframe中使用模态框提交表单后,会出现iframe加载整个父页面的问题,如下图: 解决方法: 在form表单中添加target属性 _parent 这个属性会使目标文档载入父窗口或者包含来超链接引用的框架的框架集.如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效…

利用ajaxSubmit()方法实现Form提交表单后回调

1.      背景 最近在工作中,需要实现网页端图片上传到FTP服务器的功能.上传文件是用Form表单提交数据的方法向后台传输文件流,在此遇到了一个问题:后台在处理完图片上传功能后,需要向前台回传是否上传成功的状态码.上传失败的错误信息和上传成功后的图片URL.但是,用普通Form表单提交的话,没有办法实现回调函数.后来在小伙伴的介绍下,发现可以用ajaxSubmit()方法来实现此功能. 2.      ajaxSubmit()方法简介 (1)ajaxSubmit()依赖 ajaxSubmi…

submit提交表单后，不刷新当前页面

<form method="get" target="test" action="a.html"> <input type=""text /> <input type="submit" /> </form> <iframe name="test" style="display:none"></ifram…

Form提交表单后页面刷新不跳转的实现

<form action="" id="" method="post" target="nm_iframe"> <input type="text" id="input_text" name="input_text"/> <input type="submit" id="sobmit" name=&…

laravel中，提交表单后给出提示例如添加成功，添加失败等等

laravel中的表单插入,我想在表单插入成功后,可以像thinkphp一样可以有一个提示内容,上网Google,他们还是给出的方法就是 return redirect('/')->with('message', 'Message sent!'); 然后在view中接收 @if(Session::has('message')) <div class="alert alert-info"> {{Session::get('message')}} </div>…

使用layer的iframe层提交表单后，需要关闭当前的iframe层，然后刷新父页面的方法2

<input type="button" onclick="edit(${it.id?c})" class="layui-btn layui-btn-normal layui-btn-sm" value="编辑"> function edit(id) {//iframe层 layer.open({ type: 2, title: '编辑服务商', shadeClose: true, shade: 0.8, area…

from提交表单后 数据提交到后台 但不跳转页面 可用iframe

可以页面事先加载被隐藏的iframe标签,或者等到需要的时候通过js生成,再提交,提交之前,form的target指向iframe(我是要实现新页面生成的时候程半透明状态,所以用了后者的方法) 代码如下 1.设置生成iframe的函数 2.更改form属性…

Week2——提交表单后后台的工作

在我理解看来,发生请求后主要是通过域进行相互间的协调作用的.表单数据可以从request域中获得,也可以通过response域返回数据给前台. 当发起http请求后,已经启动的Tomcat服务器解析收到的请求的资源地址,并且根据web.xml文件创造了servlet对象,同时创造了代表请求的request对象和response对象,然后会执行该servlet的doget()方法,在doget()方法中就可以通过request.getParameter("key")从提交的表单中获得相应…

vue中提交表单后如何清空

只需要在提交方法里写上this.form={brand_right:0}即可.…

jquery validate如何不提交表单就做验证（ajax提交数据）

if($("#FromID").valid()){ $.ajax({ type:'post', url:'/CampaignOrderRelations/save', data:{id:COId}, success:function(data){ } }); } $("#FromID").valid()就是jquery validate 的验证…

解决 php提交表单到当前页面，刷新会重复提交 的问题

http://blog.csdn.net/u012466451/article/details/68952280…

AJAX提交表单后要清空，否则再次提交原来的数据会认为重复提交，提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件

<script src="../../Scripts/js/jquery.form.min.js" type="text/javascript"></script> function upLoadImg() { var options = { url: '/Home/AjaxUploadImg?', type: 'post', dataType: "text", success: function (data) { $(&…

在jsp提交表单的参数封装到一个方法里

建议去看一下孤傲苍狼写的Servlet+JSP+JavaBean开发模式(http://www.cnblogs.com/xdp-gacl/p/3902537.html), 最好把他JavaWeb学习总结全部看完会有很大的收获哦! 而把jsp专递的参数封装到一个方法里面也是从他那里学到的. 我觉得特别有用,尤其是在做项目的时候能省很多的代码  一: 需要的包 根据上一篇JDBC+Servlet+jsp(http://www.cnblogs.com/zhu520/p/6913650.html)的内容…

总结：JSP几种提交表单方法

问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational Application Development),这软件也太重量级了,基本上占用CPU比例15%左右,内存4GB的跑不起来,然后JSP嵌套大量的Java代码和大量的JS代码,读起来超级累,没有那种分层.吐槽一下,回到主题.这几天的工作主要是改JSP和少量的Java代码,说到JSP当然少不了提交表单了.…

jQuery使用ajaxSubmit()提交表单示例

ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示:   代码如下: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://malsup.github.io/jquery.form.js"></script>…

form表单action提交表单，页面不跳转且表单数据含文件的处理方法

在最近的项目中需要将含 input[type='file']的表单提交给后台 ,并且后台需要将文件存储在数据库中.之前所用的方法都是先将文件上传到七牛服务器上,然后七牛会返回文件的下载地址,在提交表单的时候将文件的下载地址和其他表单元素一起提交即可.但是现在考虑到安全性,这些文件不能上传到七牛服务器上,得直接提交给后台存储到数据库中,在此需要注意以下问题: 1.提交表单时,如果要提交file,那么form标签里必须使用  enctype="multipart/form-data"  来…

jsp中普通按钮如何提交表单

jsp中普通按钮如何提交表单方法1: <form action = "提交的地址">         <input type="submit" value="提交">        </form>方法2:<form action = "提交的地址">        <input type="button" value="提交" onc…

SpringMVC中的异步提交表单

1.前言 近期在做一个项目,前台框架用的是EasyUI+SpringMVC,因为对SpringMVC不太了解,所以刚開始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结一下.  2.SpringMVC中的View向控制器传參 在SpringMVC中,View怎样向控制器传參数呢? 尤其是Form表单提交的时候,详细有例如以下几种方式 2.1 HttpServletRequest 能够通过getParameter()方法来获取前台传过来的參数 2.2 Form表单绑定 /…

ERR_CACHE_MISS 上一页提示确认重新提交表单

SITUATION: 设备搜索后,根据返回结果 list.php 进入特定设备的详细页面 one.php,但点击后退按钮(上一页)返回 list.php,会出现确认重新提交表单的错误页面 ERR_CACHE_MISS. REASON: list.php 本身设置(默认)了 no-store 无缓存.所以返回上一页时,搜索结果页面没有任何值载入,需要重新输入值才会正确显示. ACTION: 在 list.php 放入 <?php header("Cache-control: private&…

flask使用ajax提交表单

Flask中使用ajax提交表单刷新数据,避免提交表单后使用return render_temp()会刷新页面 <form id ="test_form"> {{ form.hidden_tag() }} <div id="input-top"> <div class="form-group"> <label>开始日期</label> {{ form.begin_date }} <…

jQuery使用ajaxSubmit()提交表单（在不希望页面跳转的情况下）

原文:http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://malsup.github.io/jquery.…

JSP提交表单的几种方法

1.通过<form action="url"><input type="submit"></form>按钮方式提交 这种方式是最传统的提交表单的方式,就是把所有的表单的值传到url界面.用于本页面传本页面比较多. 2.通过<input type="button" method="post/get" onclick="onSubmit()"> 这里是通过oncl…

【IDEA】HTML通过servlet3.0注解名提交表单到servlet类找不到页面的问题

IDEA一时爽,摸不着头的BUG火葬场 这个问题困扰我整整一天一夜,先是代码检查路径设置找不出问题,后面换tomcat版不行,抱着侥幸心理换IDEA版本意料之中还是没解决问题. 都快想秃了最后终于完美解决了. 场景描述: IDEA中新建web项目 tomcat正常 HTML通过XML配置文件提交表单正常 当HTML通过Servlet注解名提交表单时404 问题分析: 通常404是路径出现问题,此时第一反应是form中action值和servlet注解值出错,检查后 属性值匹配.检查游览器访问路径…

ThinkPHP5表单令牌刷新

制作登录页面的时候,加入了表单令牌,账号和密码输入错误后,再登录的话,会提示表单令牌错误, 这是因为旧的令牌已经过期了,我们要处理下前端的token,修复的办法,在路由文件下加入 //刷新表单令牌,然后前端提交表单后,js调用,这里的我用的是__token__ Route::get('refresh/token',function(){ return json(['token'=>request()->token('__token__', 'sha1')]); }); 在.html文件加入隐藏…

输入框状态禁止enter键提交表单

1:页面中如果存在input输入框和submit提交按钮时,默认按enter键会提交表单,如果我现在在做查询操作,一不小心按了enter键就会有提交表单的操作,这样显然是不合理的,所以我们要禁止按enter键时,提交表单. 2:jquery下的代码,禁止enter键提交表单. $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } });…