python如何实现前后端交互_笔记实现前后端交互的⽅法
秘密用英语怎么说前端⼯程师的职责:1、UI重构 2、在正确的区域渲染出服务端的数据。
毕竟,我们要构建⼀个⼤的web应⽤,必然不是普普通通的静态页⾯构成。
下⽂将罗列前端⼯程师应该必备的同后端打交道的常⽤技能。
1、服务端渲染
谈起服务端渲染,对于动态服务⽽⾔,这个世界上跑的⼤多数页⾯都经过服务端的数据渲染,接⼝->前端赋值->模板渲染。
这些都是在服务器完成,在我们查看源码的时候,可以看到完整的html代码,包括每个数据值。
常⽤的php模板:Smarty,Blade,Mustache。
如果使⽤Node.js作为服务端的话: ejs,doT,jade等。
2、Ajax
服务端渲染随着单页⾯应⽤以及Restful接⼝的兴起,Ajax逐渐成为⽬前前后端交流最为频繁的⽅式。
Ajax的核⼼是XmlHttpRequest。我们通过对该对象的操作来进⾏异步的数据请求。
实际上我们接触到最多jQuey就有很好的封装,⽐如$.ajax,$.post等,如果⽤Angular的话我们可以⽤$http服务,
代价的意思除了这些之外,我们可以使⽤第三⽅的Ajax库qwest等。
3、JSONP
JSONP,算作json的⼀种使⽤模式,可以解决主流浏览器的跨域数据访问的问题。
afforded$.ajax({
url:"",
dataType:"jsonp",
jsonpCallback:function(){}
})
洪恩软件
4、comet
young homie聊Comet我们还得说下短轮询,由于某些特定的业务需求,⽐如通知,我们需要有及时的数据更新,
我们能够想到的就是使⽤tInterval每隔⼀定时间⽐如10s去获取⼀次请求,从⽽做到⼀些通知更新,但是这并不⼀种⾼效的做法,这会增加服务器的请求数量。
这个时候有了另外⼀种概念,“反向Ajax”,由服务器进⾏数据推送, Comet能够让信息近乎实时的被推送到页⾯上,⾮常适合要求实时性的获取的数据的页⾯。
5、SSE
enchant
6、Web Socket
以上英语HTML5 WebSocket 设计出来的⽬的就是要取代轮询和 Comet 技术,使客户端浏览器具备像 C/S 架构下桌⾯系统的实时通讯能⼒。
浏览器通过 JavaScript 向服务器发出建⽴ WebSocket 连接的请求,连接建⽴以后,客户端和服务器端就可以通过 TCP 连接直接交换数据。
也就是我们可以使⽤web技术构建实时性的程序⽐如聊天游戏等应⽤。
注意:SSE和 Web Sockets 都是新的api,需要⼤家考虑兼容性。
开发潜力
7、⼩结
食既
说了那么多简单总结下,⼤家想明⽩⼏点就⾏了,客户端与服务端谁先主动,是否强调数据的实时性。AJAX – 请求 → 响应 (频繁使⽤)
Comet – 请求 → 挂起 → 响应 (模拟服务端推送)
webphoneServer-Sent Events – 客户单 ← 服务端 (服务端推送)
WebSockets – 客户端 ↔ 服务端 (未来趋势,双⼯通信)