前端跳轉頁面和刷新頁面

引言

我們知道，采用前后端分離架構模式，后端和前端之間完全分離和獨立，僅通過 ajax 進行前后端的數據交互。這樣，后端只負責響應前端的 ajax 請求，並把模型數據發送給前端即可，前端收到模型數據后主要負責頁面顯示和選擇頁面跳轉。

前端跳轉頁面的三種方式

• 設置 window 的 location.href 屬性

window.location.href='URL地址'

• 調用 window 的 open 方法

window.open('URL地址', '_self' );

• 超鏈接 標簽跳轉頁面

<a href="URL 地址" >跳轉頁面</a>

前端刷新頁面

window.location.reload();

頁面包含

<div id="page1"></div>
$("#page1").load("page2.html");

可以將多張頁面中相同的部分（如導航條、頁尾等）通過頁面包含到其他頁面中，這樣可以讓頁面更為簡潔，類似於面向對象中代碼復用。