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