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 相关文章推荐
jquery 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
js获取事件源及触发该事件的对象
Oct 24 Javascript
jquery.post用法示例代码
Jan 03 Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 Javascript
JavaScript操作表单实例讲解(上)
Jun 20 Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 Javascript
在vue中使用vant TreeSelect分类选择组件操作
Nov 02 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控制文件下载速度的方法
2015/03/24 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
JS跨域问题详解
2014/11/25 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
2015/10/25 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
2017/04/13 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
python实现多线程采集的2个代码例子
2014/07/07 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
python实现pdf转换成word/txt纯文本文件
2018/06/07 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
商务英语大学生职业生涯规划书范文
2014/01/01 职场文书
国家助学金获奖感言
2014/01/31 职场文书
民生工作实施方案
2014/05/31 职场文书
招商引资工作汇报
2014/10/28 职场文书
写给女朋友的保证书
2015/05/09 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL
PyTorch device与cuda.device用法
2022/04/03 Python
mysql 获取相邻数据项
2022/05/11 MySQL