网页刷新技术理论知识简单总结

本文是对网页刷新技术的简单总结,包括iframe局部刷新、Ajax异步刷新、早期的轮询和长连接。Ajax提供真正的局部刷新,减少数据量和服务器负担;长连接如长轮询则在数据可用时即时响应,减少延迟。iframe结合htmlfile流也可实现长连接,但在通信错误或超时时会断开。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

学生党,总结了一下最近用到的一些知识 I believe knowledge is power



1>iframe刷新,在网页里隐藏一个iframe标签,通过它来实现数据的刷新

优点:实现了页面的局部刷新的,不会出现整个页面变白的状况


缺点:不会减少客户提交请求的数据量,因为客户端仍然提交的十一整个网页,只是发送到了iframe这个标签里,其中的数据再由父页面提取出来,所以他其实只是提高了用户体验,其余的基本不变。


2>Ajax异步刷新 

优点:真正的实现了局部刷新。经过多年的发展Ajax技术已经十分成熟,出现了很多支持他的类库,Ajax的局部刷新是真正的局部刷新,比如说你提交一个表单,Ajax仅仅会提交用户更新的那一部分数据,不仅减少了数据量,而且也减少了服务器的负担,加快了传输速率


3>早期的轮询,通过meta标签里的refresh属性来设置刷新,让客户端每隔几秒刷新一次(每隔几秒向服务器发送一次请求),

缺点:这种方式不仅用户体验差而且极大地加重了服务器的负担



4>长连接


A.长轮询将连接保持一段较长的时间,当用户提交请求后,如果有新信息服务器立刻发送,并且断开与客户端的连接,紧接着客户端立即发送请求建立连接。如果没有新信息服务器将hold住该连接


这里说一下轮询与长连接的区别在于服务器花多长时间作出响应。

长轮询相对于一般轮询的优点在于,数据一旦可用,便立即发送到客户端,请求可能等待很长时间,但一旦有了新的数据,便立刻发送到客户端,因此没有延迟。


B.基于iframe及htmlfile流的实现方式 

iframe是很早之前就有得html标签,通过在父页面隐藏一个iframe标签,然后设置起src对长连接的请求(在服务器加上一个死循环来保持长连接)。每次穿送完数据连接不会断开,当通信错误或者超时是,才会断开。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值