Javascript 兩種刷新方法以及區(qū)別和適用范圍
JS 兩種刷新方法
在項(xiàng)目中有一個(gè)人信息修改的頁(yè)面，但是修改后顯示的卻是修改之前的內(nèi)容，分析問(wèn)題后發(fā)現(xiàn)查詢語(yǔ)句寫在了修改語(yǔ)句之前，有些某些需要又必須這么寫，但是修改信息后先卻顯示之前的信息也太不科學(xué)了。
所以我就想用js刷新一下頁(yè)面，于是在更新后輸出了<script>window.location.reload()</script>;
可問(wèn)題又來(lái)了，每次跟新后瀏覽器就會(huì)提示是否再次提交數(shù)據(jù)。如果點(diǎn)擊是就會(huì)重新修改一遍，于是提示又來(lái)一遍，我靠，這是死循環(huán)啊。但是如果點(diǎn)擊否則頁(yè)面提示過(guò)期。
唉，看來(lái)window.location.reload()不行啊。
然后我想到了另外一個(gè)方法window.loation.href=window.location.href;
果然，換上去問(wèn)題解決了。
雖然是個(gè)小問(wèn)題，但是也開(kāi)發(fā)的一點(diǎn)經(jīng)驗(yàn)。
總結(jié)一下：
JS中常用的兩種刷新方法：
1.window.location.reload();
2.window.loation.href=window.location.href;
他們的區(qū)別是第一種就相當(dāng)于我們點(diǎn)擊瀏覽器的刷新按鈕，瀏覽器會(huì)重新提交數(shù)據(jù)。
第二種就相當(dāng)于我們點(diǎn)擊一個(gè)鏈接到當(dāng)前頁(yè)的超鏈接，不會(huì)重新提交數(shù)據(jù)。
試用范圍：
一般情況下兩種方法都可用于刷新，但是如果頁(yè)面有提交表單而又想刷新的時(shí)候就只能用第二種了。因?yàn)榈谝环N會(huì)重新提交數(shù)據(jù)。
區(qū)別和作用知道了就知道什么時(shí)候該用什么了，一點(diǎn)小經(jīng)驗(yàn)。給自己警醒，也給遇到類似問(wèn)題的同學(xué)借鑒。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
- js刷新頁(yè)面方法大全
- JS刷新當(dāng)前頁(yè)面的幾種方法總結(jié)
- js返回上一頁(yè)并刷新代碼整理
- js 頁(yè)面刷新location.reload和location.replace的區(qū)別小結(jié)
- 用js判斷頁(yè)面刷新或關(guān)閉的方法(onbeforeunload與onunload事件)
- js實(shí)現(xiàn)刷新iframe的方法匯總
- javascript 強(qiáng)制刷新頁(yè)面的實(shí)現(xiàn)代碼
- Div+CSS+JS樹(shù)型菜單，可刷新
- js關(guān)閉模態(tài)窗口刷新父頁(yè)面或跳轉(zhuǎn)頁(yè)面
- 自動(dòng)刷新網(wǎng)頁(yè),自動(dòng)刷新當(dāng)前頁(yè)面,JS調(diào)用
- 判斷頁(yè)面是關(guān)閉還是刷新的js代碼
- 一個(gè)簡(jiǎn)單的網(wǎng)站訪問(wèn)JS計(jì)數(shù)器 刷新1次加1次訪問(wèn)
- js返回上一頁(yè)并刷新的多種實(shí)現(xiàn)方法
相關(guān)文章
簡(jiǎn)單實(shí)現(xiàn)js鼠標(biāo)跟隨效果
這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)js鼠標(biāo)跟隨效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了微信小程序3種位置API的使用方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
微信小程序scroll-view組件實(shí)現(xiàn)滾動(dòng)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序scroll-view組件實(shí)現(xiàn)滾動(dòng)動(dòng)畫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
一款JavaScript壓縮工具：X2JSCompactor
一款JavaScript壓縮工具：X2JSCompactor...2007-06-06
原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作示例
這篇文章主要介紹了原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作,結(jié)合實(shí)例形式分析了基于原生js實(shí)現(xiàn)的ajax請(qǐng)求和JSONP跨域請(qǐng)求相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
在Uniapp中獲取用戶地理位置的實(shí)現(xiàn)方法
本文詳細(xì)介紹了如何在Uniapp中獲取用戶的地理位置,包括申請(qǐng)高德地圖的Key、配置定位功能以及實(shí)現(xiàn)定位功能的代碼示例,感興趣的小伙伴跟著小編一起來(lái)看看吧2025-02-02
Javascript 兼容firefox的一些問(wèn)題
上午在做一些測(cè)試.把頁(yè)面拿到火狐上去就出現(xiàn)一堆問(wèn)題.頁(yè)面布局先不說(shuō).Javascript代碼的問(wèn)題就夠頭疼2009-05-05
利用js來(lái)實(shí)現(xiàn)縮略語(yǔ)列表、文獻(xiàn)來(lái)源鏈接和快捷鍵列表
本文主要對(duì)利用js來(lái)實(shí)現(xiàn)縮略語(yǔ)列表、文獻(xiàn)來(lái)源鏈接和快捷鍵列表的方法進(jìn)行詳細(xì)分析介紹。具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
解決uni-app微信小程序input輸入框在底部時(shí),鍵盤彈起頁(yè)面整體上移問(wèn)題
問(wèn)題是這樣的input?獲取焦點(diǎn)時(shí)會(huì)自動(dòng)調(diào)起手機(jī)鍵盤，設(shè)置?:adjust-position="true"，會(huì)導(dǎo)致鍵盤彈起時(shí)頁(yè)面整體上移，這篇文章主要介紹了解決uni-app微信小程序input輸入框在底部時(shí)，鍵盤彈起頁(yè)面整體上移問(wèn)題,，需要的朋友可以參考下2022-08-08
這篇文章介紹了javascript中直接寫php代碼的方法，有需要的朋友可以參考一下2013-07-07