点击提交按钮后返回页面并刷新

提交表单时页面自动刷新的相关问题及解决办法 一、前端的坑-提交表单页面自动刷新 遇到的问题 最近一段时间需要用到ajax局部的刷新页面,本来并不是一个复杂的功能,但是却遇到了比较大的问题,问题的具体情况是每当局部刷新之后页面就会自动刷新,然后就又回到了没有刷新前的状态,这让人感觉很坑爹啊! 排查问题 有问题了,当然是要首先排查代码了,看了无数次的代码,都没发现会导致页面自动刷新的情况,让人十分苦恼。 然后的话,就想着难道是jquery的ht... 阅读详情

1. JS 重载页面,本地刷新,返回上一页 
<a href="javascript:history.go(-1)">返回上一页</a>

<a href="javascript:location.reload()">重载页面,本地刷新</a>

<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面,本地刷新</a>

2. 返回前两页

 history.go(-2); location.reload(); 

3. 返回上一页并强制刷新

<a href="#" onclick="self.location=document.referrer;">返回</a>

history.go(-2); location.reload(); 

跳转页面代码:

1    history.go(0)    

2    location.reload()

3    location=location

4    location.assign(location)

5    document.execCommand('Refresh')

6    window.navigate(location)

7    location.replace(location)

8    document.URL=location.href

自动刷新页面的方法,但以下方法会页面闪动,不是我想要的效果:

1.页面自动刷新:把如下代码加入<head>区域中

 <meta http-equiv="refresh" content="20"> 

其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中

 <meta http-equiv="refresh" content="20;url=http://www.javaeye.com">

20秒后自动跳到指定页面.

3.页面自动刷新js版

<script language="JavaScript">

function myrefresh()

{

       window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>

jsp清除缓存(亲测无效)

     <meta http-equiv="pragma" content="no-cache">

     <meta http-equiv="cache-control" content="no-cache">

     <meta http-equiv="expires" content="0">  

   或

    response.setHeader("Pragma","No-cache"); 

    response.setHeader("Cache-Control","no-cache"); 

    response.setDateHeader("Expires", 0); 

亲测以上方法都无效或不是我想要的效果,然后找到了一种取巧的方法

在地址后加时间戳    var url="www.baidu.com?nocache="+new Date().getTime();

在地址后加随机数    var url="www.baidu.com?nocache="+Math.random();

回到页面时浏览器获取到地址不同会强制刷新一次



作者:池鱼_462a
链接:https://www.jianshu.com/p/4e7cfcccea9a
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

uniapp多页面传值实现按钮灰度 test 阅读详情

相关推荐

DELL SC存储扩容避坑指南:6Gb vs 12Gb扩展柜混插的真相

本文深入解析DELL SC存储扩容中6Gb与12Gb扩展柜混插的核心规则与性能影响。文章指出,从SCOS 7.3版本起允许混插,但整个SAS环路速率将降至最低设备水平,尤其在12Gb控制器上接入6Gb扩展柜会严重拖累性能。指南提供了清晰的兼容性矩阵、实战操作流程及关键避坑清单,帮助管理员安全、高效地完成存储扩容。

weixin_28314575的博客 458

提交表单触发页面自动刷新的问题

为了向js脚本实现一个测试页面,随手写了一个带提交按钮的表单,遇到了点击提交按钮时,每次都会触发页面刷新,以至于我还没有在显示结果的页面元素(函数代码写在延迟执行函数setTimeout里)看到我的测试结果,页面就被重新加载了。我的页面包含一个带legend标题,包含两个input输入框,和一个submit确认按钮的form表单,以及一个显示测试结果的div块状元素。form对象的onsubmit事件类似onclick,都是先处理调用的函数,再进行表单是否跳转布尔值的判断。

valsedefleurs的博客 1064

ADS仿真过孔阻抗(via designer)

目录一、将PCB层叠导入ADS(个人习惯)二、过孔的参数化设置三、过孔的仿真四、仿真结果查看五、导出仿真结果和模型六、过孔的经验法则欢迎交流,欢迎转载,转载请注明出处~ 工具:Via Designer Via Designer 调用的是ADS EMPro 仿真引擎,采用的FEM(三维全波有限元法)。 优点: 1、利用ADS已经做好的参数化和流程化的设计,不需要工程师完成过孔的建模这一繁琐的过程。 2、可以输出EMmodule 完成原理图协仿真。 一、将PCB层叠导入ADS(个人习惯) 个人认为在ADS中设置

luohuo9844的博客 1万+

小程序提交新数据后如何返回上一页并刷新数据?

uni.navigateBack(); 提交完成后返回上一页 需要刷新数据的页面,在onShow里调刷新数据的函数。 两步即可实现数据刷新啦~

limpid_changli的博客 746

oracle合并行---解决listagg 拼接字段返回过长 (Ora-01489 result of String concatenation is too long)

oracle合并行---解决listagg 拼接字段返回过长 (Ora-01489 result of String concatenation is too long)

清影的博客 6281

手把手教你用DLP4500和海康相机搭建双目结构光系统(附完整代码获取路径)

本文详细介绍了如何利用DLP4500投影仪和海康工业相机搭建低成本双目结构光三维测量系统。从硬件选型、软件配置到结构光编码解码实现,再到三维重建全流程,提供了完整的实战指南和优化技巧,帮助用户以不到2万元的预算实现0.05mm精度的三维扫描。

weixin_32447969的博客 316

提交按钮提交后页面自动刷新

在表单的提交按钮如果没有type属性,在点击提交按钮后页面会自动刷新,导致使用js改变的页面元素被刷新掉了 <button type="submit" style="margin-bottom: 3px;" class="btn btn-success radius" id="a" onclick="flush();" name="a"><i class="Hui-iconfont">&#xe665;</i>查询 &lt

JJpZh的博客 2104

【SWAT水文模型】SWAT-CUP参数率定与模型验证实战指南

本文提供了SWAT水文模型参数率定与模型验证的完整实战指南。详细介绍了如何使用SWAT-CUP工具,特别是SUFI-2算法,进行自动化参数校准,并阐述了模型验证的关键步骤以避免过度拟合。内容涵盖从工程搭建、核心参数选择、迭代优化到结果分析与常见问题排查的全流程,旨在帮助用户提升SWAT模型模拟的准确性与可靠性。

weixin_29072299的博客 499

button按钮刷新页面的几种方式

<input type=button value=刷新 onclick="location.reload()"> <input type=button value=刷新 onclick="location=location"> <input type=button value=刷新 onclick="location.assign(location)"> <input type=button value=刷新 onclick="document.execcom

码媛小洋的博客 3977

Python量化交易实战:从零搭建你的第一个多因子选股模型(附完整代码)

本文是一份详细的Python量化交易入门实战指南,手把手教你从零搭建第一个多因子选股模型。内容涵盖环境配置、数据获取、因子挖掘与有效性检验、多因子合成以及完整的策略回测与绩效评估,并附有可直接运行的完整代码,帮助初学者快速掌握量化交易的基本概念与实践流程。

resnet7explorer的博客 931

matlab之作图设置游标的精度

matlab画出的figure游标的精度往往是固定的,这就对我们的调试和查看数据造成了不便。 那么怎么修改游标的精度呢? 首先,获取游标dcm_obj = datacursormode(gcf);然后对游标的精度进行设置:set(dcm_obj,'UpdateFcn',@NewCallback)这个NewCallback是什么东西呢?这是一个可以返回游标精度的函数,具体内容如下:function

落日之城 8957

点击提交按钮不刷新页面

点击提交按钮提交搜索条件进行异步请求,结果页面总是会进行刷新

木枫 1万+

超级全的PCB LAYOUT高速信号走线指南——简化应用版

在PCB Layout中,几乎涵盖了所有的高速信号走线指南。包括了TF/SD、HDMI、LVDS、DVP、eDP、MIPI、USB2.0、USB3.0、MAC、BT.1120、PCIE高速信号等等。此版本为简化版。

bhxc809751502的博客 8547

php提交表单不刷新页面,不刷新表单提交页面 - php

我正在尝试提交此表单而不刷新页面。我正在使用jQuery;提交后页面仍然刷新。$(function(){$('#submit').click(function(){$('#container').append('loading');var sthis = $('#sthis').val();$.ajax({url: 'f.php' ,type: 'POST',data: 'sthis: ' + s...

weixin_32050773的博客 1050

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

微信小程序点击按钮重新加载页面数据

本人想实现点击提交按钮,将填写的数据显示到父级页面上, 1.首先想着就是实现刷新本页面,百度搜索给的答案是:this.onLoad();这个方法,发现这个不起作用,需要在onShow()这个生命周期才起作用, 2.又使用了 wx.navigateTo({ url: '', }) 跳转,虽然可以实现刷新页面数据,但是发现点击返回按钮,是退回到之前的本页面数据; 3....

dianwan5205的博客 1万+

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

防止jsp数据请求重复提交

发现点击按钮发送数据请求后,jsp页面会再刷新一次,从而导致数据请求重复提交。解决办法,就是在提交按钮的click事件返回false即可。   JSP:   JS: $("#okbtn").click(function(){        //processing       return false;//返回false不刷新jsp页面,true则刷新。 });

月亮的技术博客 897

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

input的button类型,点击页面跳转

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33739627的博客 4574

layui 表单提交 返回失败不关闭当前index 以及 reset 的看法

当我们提交代码时候,返回失败不需要关闭当前页面,想让他修改后重新提交,成功则关闭页面返回上层刷新列表。 //提交监听事件 form.on('submit(save)', function(data) { params = data.field; params.id = $("#id").val(); var load = layer.load(2, {shade: [0.3, '#000']}); $.post('${appPath}/back/orderReceiverI.

大清没了的博客 928

请求转发下刷新页面重复提交原因_javaWEB解决表单重复提交的问题(原理)

javaWEB解决表单重复提交的问题(原理)表单的重复提交 1> 重复提交的情况: 1> 在表单提交到一个Servlet,而Servlet又通过请求转发的方式响应了一个JSP(HTML)页面, 此时地址栏还保留着Servlet的那个路径,在响应页面点击“刷新”,这就是一个重复提交的情况。 2> 在响应页面...

weixin_35969257的博客 283

php ajax mysql 实时_ajax+php+mysql实现无刷新点赞功能

从动态图看出来,点击赞的按钮的时候,旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。原理就是通过ajax异步提交数据给数据库。首先前端页面就是一个按钮和赞数量。数据库名,test,表名zan,字段zanajaxindex.php异步提交赞$con = mysql_connect("localhost","root","root");if (!$con){die('连接数据库失败,失败原...

weixin_42514970的博客 158

退出登录

注销登录 在这里给大家分享的功能是注销登录 功能效果:注销用户在此系统的登录 效果图: 点击注销按钮弹出提示(确定要注销吗?) (提示) 点击提示的确定按钮后会注销当前用户并返回登录页面 Html代码: <li> <a href="javascript:;" onclick="LoginOut()">注销</a> </li> 给a标签添...

weixin_44588946的博客 637

html ajax提交表单实例,Ajax提交表单并接收json实例代码

需求:实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据。过程中页面不刷新。html代码xingming:nianling:ajax提交js代码function mysubmmit(){$.ajax({type: "POST",url: "testajaxend.php",data: $('#form1').serialize(),async: false,success: f...

weixin_27102543的博客 319

php jquery异步提交表单提交,怎样用jquery的ajax异步提交表单数据

这次给大家带来的是怎样用jquery的ajax异步提交表单数据,使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的,这篇文章就给大家好好分析一下。处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用 FormData对象:不带文件的表单数据使用:var data = $(form...

weixin_36025176的博客 196

vue自动提交表单_vuejs如何控制form的默认submit行为?

需要能控制表单提交后,让浏览器刷新页面(也就是form默认行为),注意接口返回的不是json而是html,所以只能是控制submit,而不能在按钮click事件里处理,本来我想这么写:提交var app = new Vue(data: {someRequiredData}methods: {doSubmit: function(e){e.preventDefault();if (!this.som...

weixin_35604021的博客 2456

php 实现无刷新点赞,ajax+php+mysql实现无刷新点赞功能

从动态图看出来,点击赞的按钮的时候,旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。原理就是通过ajax异步提交数据给数据库。首先前端页面就是一个按钮和赞数量。数据库名,test,表名zan,字段zanajaxindex.php异步提交赞$con = mysql_connect("localhost","root","root");if (!$con){die('连接数据库失败,失败原...

weixin_39812142的博客 67

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

ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示:那么,如何通过ajaxSubmit(obj)提交数据呢?首先我们需要一个form:XHTML标题:内容:提交上面是一个需要提交内容的form,通常情况下,我们直接通过form提交的话, 提交后当前页面跳转到form的action所指向的页面。然而,很多时候我...

weixin_39834475的博客 249
上一篇: org.xml.sax.SAXParseException:Element "class" does not allow "propert" here.
下一篇: js String对象中常用方法小结
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值