1. 程式人生 > >使用window.location.hash解決ajax重新整理和導航問題

使用window.location.hash解決ajax重新整理和導航問題

hash 屬性是一個可讀可寫的字串,該字串是 URL 的錨部分(從 # 號開始的部分)。
我們可以通過在進行ajax操作時設定hash屬性來進行關聯,從而解決頁面重新整理、前進和後退操作時,通過ajax修改的頁面失效的問題。
實現起來很簡單,比如頁面上有2種ajax操作:搜尋,編輯,我們可以在頁面重新整理後在初始化過程中執行下面程式碼,來恢復之前ajax的操作狀態。

複製
var hash=window.location.hash; switch(hash){   case "#search":      //do search    window.location.hash='#search';    break;    case "#edit":        //do edit      window.location.hash='#edit';    break;    }

如果你使用過Gmail,你就會發現它採用了類似這樣的處理方法,原理就這麼簡單,具體實現可以根據自己的需求定製。


相關推薦

使用window.location.hash解決ajax重新整理導航問題

hash 屬性是一個可讀可寫的字串,該字串是 URL 的錨部分(從 # 號開始的部分)。 我們可以通過在進行ajax操作時設定hash屬性來進行關聯,從而解決頁面重新整理、前進和後退操作時,通過ajax修改的頁面失效的問題。 實現起來很簡單,比如頁面上有2種ajax操

vue-router ---- 解決頁面重新整理路由改變時導航條樣式問題

問題:   1.當我們在使用路由時,如果有導航條此時,我們在url位址列目改變路由地址,此時路由內容更改但,導航條樣式沒有隨著改動   2.當頁面重新整理時,url導航位址列的路由和當前頁面顯示的不一致 解決:  1.通過watch監聽路由地址的改變

window.location.hash 使用

user str 蜘蛛 有意 ++ href javascrip ext com 【轉】http://www.cnblogs.com/nifengs/p/5104763.html location是javascript裏邊管理地址欄的內置對象,比如location.href

window.location.hash的知識點

ava www. ont fin cli pac containe element and 本文給大家詳細匯總了關於window.location.hash的知識點,屬性以及用法等等,非常的實用,並附上了例子,有需要的小夥伴可以參考下。 location是javasc

window.location.hash 使用說明 window.location.hash 使用說明

window.location.hash 使用說明   本文給大家詳細彙總了關於window.location.hash的知識點,屬性以及用法等等,非常的實用,並附上了例子,有需要的小夥伴可以參考下。   locat

window.location.hash 使用說明

location是javascript裡邊管理位址列的內建物件,比如location.href就管理頁面的url,用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設定頁面的標籤值。比如http://domain/#admin的location.

window.location.hash詳解

一、#的涵義 代表網頁中的一個位置。其右面的字元,就是該位置的識別符號。比如, 就代表網頁index.html的print位置。瀏覽器讀取這個URL後,會自動將print位置滾動至可視區域。 為網頁位置指定識別符號,有兩個方法。一是使用錨點,比

window.location.reload();頁面實現跳轉重新整理

  1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate

AJAX重新整理前進後退問題解決

使用AJAX開發分頁功能的時候,使用者跳轉到第5頁,但是重新整理以後又顯示第一頁了,能不能重新整理後還顯示第5頁?還有能不能用瀏覽器的前進後退按鈕來瀏覽AJAX歷次的變化。因為Javascript對dom的操作是不持久化的,重新整理後就恢復原狀,而且也不儲存歷史記錄,也就無

jquery中的donealways解決ajax問題

控制 數據 函數 實例 無奈 func 打開 當前 clas 昨天寫一個跨域請求json數據的實例。遇到傳值問題,嘗試了各種方式都不行,後來發現,同一個地址,同一個ip請求次數頻繁傳值相同的話,ajax會默認跟一個&?時間戳,這就導致我傳過去的值是錯誤的。 然後各種

js中window.location.search的用法作用。

bst 地址 用法 屬性獲取 net bstr src log 協議 用該屬性獲取頁面 URL 地址: window.location 對象所包含的屬性 屬性描述 hash 從井號 (#) 開始的 URL(錨) host 主機名和當前 URL 的端口號 h

window.location屬性用法及解決一個window.location.search為什麽為空的問題

循環 圖片 意義 註意 腳本 htm pre ear alt   通常用window.location該屬性獲取頁面 URL 地址: 1、什麽是window.location?   比如URL:http://b.a.com:88/index.php?name=kang&am

JSP中使用window.location.href()跳轉傳遞引數。

  JSP中使用window.location.href()跳轉和傳遞引數 在按鈕上新增onclick時間,並傳遞引數給js函式,引數可以為input中輸入的值,也可以為jsp中獲取的值。 onclick="doDelete(${student.id}) 然後呼叫js中的函

Ajax同步非同步的區別,如何解決跨域問題

同步的概念應該是來自於OS中關於同步的概念:不同程序為協同完成某項工作而在先後次序上調整(通過阻塞,喚醒等方式).同步強調的是順序性.誰先誰後.非同步則不存在這種順序性. 同步:瀏覽器訪問伺服器請求,使用者看得到頁面重新整理,重新發請求,等請求完,頁面重新整理,新內容出現,使用者看到新內容,進行下一步操作。

vue中重新整理頁面定位導航欄(解決重新整理頁面導航欄自動定位到首頁的問題)

1.頁面重新整理時,判斷URL地址與左邊導航欄定位是否相符(重點看圖3的判斷) PS1:window.location.hash返回從井號#開始的地址,例如http://aaa.com/#/action/aboutUs,window.location.hash獲取的是#/

JavaScript獲取從上個頁面傳過來的url引數:GetQueryString()方法window.location.search方法

如下,當loadContractInfo()方法被呼叫時,將跳轉到指定頁面blackViewContract.html 並傳三個引數(contractId、state、identity)過去 function loadContractInfo(contractId,state,i

【實戰乾貨】透明狀態列導航欄的終極解決方案

本文主要分享了透明狀態列和導航欄的終極解決方案。以後這類問題,一文搞定 這個技術痛點遇到過的都懂~本文幫你徹底解決這個痛點~還不快收藏   背景   在我做 Android 開發之前,我就發現有些 App 的狀態列和導航欄有透明效果,或者是沉浸式效果,比如說酷

解決ajax區域性重新整理後,滾動條位置變化的問題

問題描述:網頁底部實現了點贊和收藏功能,給長篇文點贊並更新點 贊數量之後,滾動條回到網頁頂部。 修改之前: <a href="#" th:onclick="'javascript:updateNum('+${article.id}+')'" > <i clas

window location reload在IE瀏覽器中不重新整理

將 window.location.reload(); 替換為 if (!window.location.hash) { window.location.href = window.location.href; } else { window.loca

window.location.replacewindow.location.href區別

比如有3個頁面:跳轉關係為  a > b > c; 1:b > c 是通過window.location.replace("..xx/c.xx")   此時b頁面的url會被c頁面代替,並且點選後退按鈕時會回退到a頁面(最開始的頁面); 2:b > c