前端与Server端(路由)

标签：

路由（前端）：原理：只有几个XHR请求，就能实现页面无刷新闪烁更改URL

前端：
1. ajax承担数据通信以及相对应的逻辑（交互逻辑）

ajax进行数据交互，跟URL打交道，让数据交互的变化反映到URL的变化上，
可以让用户保存URL链接，还原之前的内容（包括Ajax局部刷新的变化）

Server端：
1. 承担大部分业务逻辑
2. 处理来自浏览器的请求，根据不同的URL路由，拼接出对应的视图页面，
通过Http返回给浏览器进行解析渲染（后端责任艰巨）
3. 核心逻辑
4. 数据库

通过记录URL来记录web页面板块上Ajax的变化，我们可以称之为 Ajax标签化。
而对于较大的framework，我们称之为 路由系统 ，比如 AngularJs 等。

HTML5新增的History api

window.history.pushState(data, title, url); // 向浏览器历史栈中增加一条记录
window.history.replaceState(data, title, url); // 替换历史栈中的当前记录

示例：
window.history.pushState(null, null, ‘当前url地址‘ + ‘?name=lqc‘); // 实现无刷新更改URL地址栏
window.history.pushState(null, null, ‘/name/liuqiuchen‘);
// 如果写入了非当前地址，则产生error: 由于跨域将产生错误

Angularjs制作简单的路由功能demo
http://www.jb51.net/article/64045.htm

前端与Server端(路由)

标签：

原文地址：http://www.cnblogs.com/lqcdsns/p/5763045.html