前端与后台交互方式

前端与后台交互

由于最近和大牛聊天,所得一些感悟,写下来,以勉励自己

  • 交互方式

    • http请求(问答模式)

      通过传统的发送请求接收相应,一问一答的模式获得数据,主要负责传递参数,接收数据模版,渲染数据,对数据几乎不操作

      • 轮询(用于获取最新的数据)

        • 对于数据的实时性有要求时,可以采用轮询的方式,隔几秒钟发送一次请求询问后台是否有最新的数据,如果接收到了最新的数据,便更新自己的视图层(推荐)

        • 可以每次都请求后台获取最新的数据,查库(行为),之后在前端判断上次数据和这次接收数据是否一致,不一致便更新视图

        • 每次请求后台获取最新数据,之后直接更新视图(不推荐)

        • 注意

          • 需设置轮询次数(最大轮询值)

            当轮询100(假定值)次还未接收到最新的数据时,便可以将此条轮询去除

          • 离开或销毁页面时需清理轮询

    • websocket模式

      通过websocket进行服务器长连接,服务器端负责判断是否有最新数据,当发现最新数据便向前端主动推送

      • 数据实时性

        由于是服务器端推送的消息,几乎是事件发生便将数据推送给了前端

      • 健全

        由于是长连接,对于web端的数据来源需要强验证,利用参数健全(地址+每次发送消息时携带信息),如果携带的secret / key不正确时,服务器端便主动中断连接

      • 断网重练

        由于受到网络或其他因素的影响,socket连接有时会中断,这个时候需要被断端主动发送一次请求用于重新建立连接(onError、onClose)

        需要设置重新连接的次数,当超过limit时变将尝试连接取消

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值