多個頁面的流暢切換,一直是極緻體驗的重要表現,如今快速的前端發展,已經有很多方式可以達到,那麼今天我們來探讨一下pushState 和 Ajax,如何來達到我們的目的吧。
pushState是什麼呢?
在 HTML 文件中, history.pushState() 方法向浏覽器曆史添加了一個狀态。pushState帶有三個參數:一個狀态對象,一個标題(現在被忽略了),以及一個可選的URL地址。
請注意pushState()方法絕不會導緻hashchange 事件被激活,即使新的URL和舊的隻在hash上有區别。
ajax是什麼呢?
jQuery.ajax相信大家用的都很流利了。
那麼pushState和ajax結合一塊是什麼呢? 就是我們要說的:pjax
pjax是一個jQuery插件,使用Ajax和pushstate提供快速的浏覽體驗與真正的永久鍊接,網頁标題,和工作的後退按鈕。
pjax通過Ajax抓取服務器網頁上的HTML内容。然後進行局部更新,使用pushstate浏覽當前URL(JS,CSS),提供了一個快速的出現,全頁面加載。
那麼如何來使用pjax呢?
首先要下載pjax的代碼(github上搜一下就可以的)。
如上圖的書寫方式,來頁面之間的相互跳轉,來極好的體驗效果。
有什麼更好的方式也歡迎大家來評價交流。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!