动态页面:数据流动 / Web服务器 / Ajax / 前后端分离 / restful风格·源栈课堂·一起帮https://17bang.ren/Code/261
一、Ajax:页面可以局部刷新
1、PPT演示:使用Ajax也无法减小带宽耗用
请求第一个页面,用AJAX从服务器端加载了一个页头。
请求第二个页面,也要用AJAX从服务器端加载一个页头,仍然要走一次服务器端(用互联网进行传输),无法减小带宽。
二、前后端分离:后端只负责提供数据
1、前后端分离出现的思路
(1)从上述一、1、可知:使用Ajax无法减小带宽耗用。
(2)解决办法:整个网站不再由多个页面组成,而就是一个页面,这个页面就是一个空的框架。每次响应都通过AJAX从后端获取对应的HTNL片段。
1>然后从服务器端,通过AJAX去取到相应的HTML片段。
2>换一个页面:不再是从服务器端重新的去取整个HTML,只需要用新的HTML片段来代替原来的HTML内容。【即每次从服务器请求,只请求更新的HTML片段】
(3)前后端分离:后端给一个HTML片段都多余了------后端只需要提供数据,在前端通过javascript自动的生成页面。
只用前端生成页面,从服务器传的就是一些格式化的数据(比如JSON/XML)。
2、前后端分离的核心
后端就提供格式化的数据(比如JSON/XML),前端只要服务器传送数据(非HTML格式,即JSON/XML格式),然后根据数据自行"组装"生成HTML页。
3、利弊分析
SEO问题:由于完整的HTML页面需要在客户端动态拼接完成,所以爬虫可能无法爬取页面的有效信息。