Javascript 两种刷新方法以及区别和适用范围


Posted in Javascript onJanuary 17, 2017

JS 两种刷新方法

在项目中有一个人信息修改的页面,但是修改后显示的却是修改之前的内容,分析问题后发现查询语句写在了修改语句之前,有些某些需要又必须这么写,但是修改信息后先却显示之前的信息也太不科学了。

所以我就想用js刷新一下页面,于是在更新后输出了<script>window.location.reload()</script>;

可问题又来了,每次跟新后浏览器就会提示是否再次提交数据。如果点击是就会重新修改一遍,于是提示又来一遍,我靠,这是死循环啊。但是如果点击否则页面提示过期。

唉,看来window.location.reload()不行啊。

然后我想到了另外一个方法window.loation.href=window.location.href;

果然,换上去问题解决了。

 虽然是个小问题,但是也开发的一点经验。

总结一下:

JS中常用的两种刷新方法:

1.window.location.reload();

2.window.loation.href=window.location.href;

他们的区别是第一种就相当于我们点击浏览器的刷新按钮,浏览器会重新提交数据。

第二种就相当于我们点击一个链接到当前页的超链接,不会重新提交数据。

试用范围:

一般情况下两种方法都可用于刷新,但是如果页面有提交表单而又想刷新的时候就只能用第二种了。因为第一种会重新提交数据。

区别和作用知道了就知道什么时候该用什么了,一点小经验。给自己警醒,也给遇到类似问题的同学借鉴。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JavaScript Timer实现代码
Feb 17 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
Feb 14 Javascript
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
详谈javascript中的cookie
Jun 03 Javascript
js+html5实现的自由落体运动效果代码
Jan 28 Javascript
js实现无缝循环滚动
Jun 23 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
vue之数据交互实例代码
Jun 16 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
easyUI combobox实现联动效果
Jan 17 #Javascript
Angularjs实现搜索关键字高亮显示效果
Jan 17 #Javascript
React Router基础使用
Jan 17 #Javascript
JavaScript自定义分页样式
Jan 17 #Javascript
javascript实现页面滚屏效果
Jan 17 #Javascript
javascript中递归的两种写法
Jan 17 #Javascript
基本DOM节点操作
Jan 17 #Javascript
You might like
PHP 解决utf-8和gb2312编码转换问题
2010/03/18 PHP
php通过baihui网API实现读取word文档并展示
2015/06/22 PHP
PHP下使用mysqli的函数连接mysql出现warning: mysqli::real_connect(): (hy000/1040): ...
2016/02/14 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
2017/01/16 Javascript
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
python 遍历目录(包括子目录)下所有文件的实例
2018/07/11 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
virtualenv介绍及简明教程
2020/06/23 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
职称自我鉴定
2013/10/15 职场文书
结对共建工作方案
2014/06/02 职场文书
2014年入党积极分子学习三中全会思想汇报
2014/09/13 职场文书
大班下学期幼儿评语
2014/12/30 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
遗嘱格式范本
2015/08/07 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python