使用Ajax和history.pushState()實現無刷新改變頁面內容和地址欄Url

 強大的Ajax通過異步請求實現了頁面的局部刷新，帶來了更好的用戶體驗，但頭疼的是，它不能在瀏覽器的歷史會話中保留記錄，也無法改變頁面在瀏覽器中Url地址，不能點擊瀏覽器的前進、後退按鈕。就是當你打開一個頁面，使用ajax進行各種數據加載，例如一個列表頁面，異步加載來翻頁。結果用戶一不小心刷新了頁面，那麼頁碼就得重新開始計算，一旦用戶改變了會話狀態（瀏覽器的前進、後退、刷新），那麼ajax就會丟失

>>阅读原文<<