您现在的位置:首页 >> 前端 >> 内容

前后端实现通信的方式介绍

时间:2018/3/31 11:41:07 点击:

  核心提示:前后端实现通信的方式,即实现数据交互,靠的是HTTP(或者其他衍生类型,例如SSE、WS)前端能发起HTTP请求的方式:1、ajax(Asynchronous JavaScript + XML)技术:...

前后端实现通信的方式,即实现数据交互,靠的是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技术构建实时性的程序,比如聊天、游戏等应用。需要考虑兼容性。

作者:网络 来源:感恩、奋进、自信