频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
前后端实现通信的方式介绍
2018-03-31 11:41:07         来源:感恩、奋进、自信  
收藏   我要投稿

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

点击复制链接 与好友分享!回本站首页
上一篇:css实现控制文字自动换行
下一篇:jQuery中的动画效果介绍
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站