Javascript 兩種刷新方法以及區(qū)別和適用范圍
JS 兩種刷新方法
在項(xiàng)目中有一個(gè)人信息修改的頁面,但是修改后顯示的卻是修改之前的內(nèi)容,分析問題后發(fā)現(xiàn)查詢語句寫在了修改語句之前,有些某些需要又必須這么寫,但是修改信息后先卻顯示之前的信息也太不科學(xué)了。
所以我就想用js刷新一下頁面,于是在更新后輸出了<script>window.location.reload()</script>;
可問題又來了,每次跟新后瀏覽器就會提示是否再次提交數(shù)據(jù)。如果點(diǎn)擊是就會重新修改一遍,于是提示又來一遍,我靠,這是死循環(huán)啊。但是如果點(diǎn)擊否則頁面提示過期。
唉,看來window.location.reload()不行啊。
然后我想到了另外一個(gè)方法window.loation.href=window.location.href;
果然,換上去問題解決了。
雖然是個(gè)小問題,但是也開發(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)擊瀏覽器的刷新按鈕,瀏覽器會重新提交數(shù)據(jù)。
第二種就相當(dāng)于我們點(diǎn)擊一個(gè)鏈接到當(dāng)前頁的超鏈接,不會重新提交數(shù)據(jù)。
試用范圍:
一般情況下兩種方法都可用于刷新,但是如果頁面有提交表單而又想刷新的時(shí)候就只能用第二種了。因?yàn)榈谝环N會重新提交數(shù)據(jù)。
區(qū)別和作用知道了就知道什么時(shí)候該用什么了,一點(diǎn)小經(jīng)驗(yàn)。給自己警醒,也給遇到類似問題的同學(xué)借鑒。
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- js刷新頁面方法大全
- JS刷新當(dāng)前頁面的幾種方法總結(jié)
- js返回上一頁并刷新代碼整理
- js 頁面刷新location.reload和location.replace的區(qū)別小結(jié)
- 用js判斷頁面刷新或關(guān)閉的方法(onbeforeunload與onunload事件)
- js實(shí)現(xiàn)刷新iframe的方法匯總
- javascript 強(qiáng)制刷新頁面的實(shí)現(xiàn)代碼
- Div+CSS+JS樹型菜單,可刷新
- js關(guān)閉模態(tài)窗口刷新父頁面或跳轉(zhuǎn)頁面
- 自動刷新網(wǎng)頁,自動刷新當(dāng)前頁面,JS調(diào)用
- 判斷頁面是關(guān)閉還是刷新的js代碼
- 一個(gè)簡單的網(wǎng)站訪問JS計(jì)數(shù)器 刷新1次加1次訪問
- js返回上一頁并刷新的多種實(shí)現(xiàn)方法
相關(guān)文章
優(yōu)雅而高效的JavaScript?try...catch語句詳解(js異常處理)
這篇文章主要給大家介紹了關(guān)于JavaScript中try...catch語句的相關(guān)資料,也就是js異常處理方法,try...catch是JavaScript中的錯(cuò)誤處理機(jī)制,它的作用是捕獲和處理可能發(fā)生的錯(cuò)誤,以避免程序崩潰,需要的朋友可以參考下2024-01-01JS如何遍歷帶有子集的數(shù)組集合(嵌套數(shù)組)
這篇文章主要介紹了JS如何遍歷帶有子集的數(shù)組集合(嵌套數(shù)組)問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06from表單多個(gè)按鈕提交用onclick跳轉(zhuǎn)不同action
這篇文章主要介紹了from表單多個(gè)按鈕提交用onclick跳轉(zhuǎn)不同action,需要的朋友可以參考下2014-04-04JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼)
本篇文章主要是對JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼)進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01基于jquery實(shí)現(xiàn)的省市區(qū)級聯(lián)無ajax
省市區(qū)級聯(lián)的實(shí)現(xiàn)方法有很多,在本文為大家介紹下如何使用jquery無ajax來實(shí)現(xiàn),感興趣的朋友可以參考下,希望對大家有所幫助2013-09-09