前端跳转页面和刷新页面

引言

我们知道，采用前后端分离架构模式，后端和前端之间完全分离和独立，仅通过 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");

可以将多张页面中相同的部分（如导航条、页尾等）通过页面包含到其他页面中，这样可以让页面更为简洁，类似于面向对象中代码复用。