前后端实现通信的方式

前后端实现通信的方式，即实现数据交互，靠的是HTTP（或者其他衍生类型，例如SSE、WS）

前端能发起HTTP请求的方式：

1、ajax（Asynchronous JavaScript + XML）技术：ajax的核心是XMLHttpRequest，通过对该对象的操作来进行异步的数据请求。有同源限制。

接触的最多的就是jQuery的封装，比如$.ajax   $.post   $.get

angular的话可以使用$htttp服务。

2、EventSource：就是SSE（服务端推送）技术，从HTTP演变而来

3、WebSocket：客户端和服务端的双向长连接通信

4、navigator.sendBeacon：全新的异步数据上报api，专门用来做数据采集，浏览器会在合适的时候才执行数据上报。典型场景就是无阻塞的方式对出站行为进行采集上报。

5、服务端渲染

谈起服务端渲染，对于动态服务而言，这个世界 上跑的大多数页面都经过服务端的数据渲染，接口->前端赋值->模板渲染，这些都是在服务器完成的，在查看源码的时候，可以看到完整的html代码，包括每个数据值。

常用的php模板：Smarty   Blade    Mustache

如果使用Node.js作为服务端的话：ejs    doT   jade

6、Web  Socket

HTML5 WebSocket 设计出来的目的就是要取代轮询和Comet技术，使客户端浏览器具备像C/S架构下桌面系统的实时通讯能力。浏览器通过javascript向服务器发出建立WebSocket连接的请求，连接建立后，客户端和服务端就可以通过TCP连接直接交换数据。也就是我们可以使用web技术构建实时性的程序，比如聊天、游戏等应用。需要考虑兼容性。