动态页面：数据流动 / 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页面需要在客户端动态拼接完成，所以爬虫可能无法爬取页面的有效信息。

三、RESTfuI（Representational State Transfer，表现层状态转化）

1、RESTfuI的提出是为了解决Web服务接口设计中的复杂性和低效率问题。

2、RESTfuI API的设计遵循

三、前后端分离利器：ASP.NET core WebApi

1、学习WebApi之前应掌握的知识