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 相关文章推荐
另类调用flash无须激活的方法
Dec 27 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
使用jquery清空、复位整个输入域
Apr 02 Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
php 修改密码实现代码
May 24 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 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 和 MYSQL
2006/10/09 PHP
PHP与javascript的两种交互方式
2006/10/09 PHP
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php中array_slice和array_splice函数解析
2016/10/18 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
2015/08/04 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
2020/05/12 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
vue 如何从单页应用改造成多页应用
2020/10/23 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
Python生成器的使用方法和示例代码
2019/03/04 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
HTML5 新事件 小结
2009/07/16 HTML / CSS
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
客户接待方案
2014/02/26 职场文书
2015年招生工作总结
2015/05/04 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
Linux中文件的基本属性介绍
2022/06/01 Servers