《Web异步与实时交互——iframe AJAX WebSocket开发实战》—— 第2章 iframe实现模拟异步交互

简介:

本节书摘来异步社区《Web异步与实时交互——iframe AJAX WebSocket开发实战》一书中的第2章,作者: 赵振 , 王顺 , 于梦竹 , 李泽 , 侯法超 , 刘备 , 时国森 , 李照耀 , 王世军,更多章节内容可以访问云栖社区“异步社区”公众号查看。

第2章 iframe实现模拟异步交互

Web异步与实时交互——iframe AJAX WebSocket开发实战
最初,客户端只能通过设定自动刷新时间的方式(如使用标签,或通过JavaScript代码进行设定)使浏览器主动刷新,向服务器端发送请求,以轮询的方式获取服务器端的最新信息。通常情况下,用户要获取最新的信息,必须刷新浏览器中的整个页面来获取服务器端的响应数据。但是,在多数情况下页面中需要更新的信息只是很小一部分,其他信息不变。这样,在刷新整个页面时,不仅传送了额外的信息,增加了网络的负担,且刷新页面的同时,网页会呈现一片空白,给用户的视觉体验带来严重的影响。

iframe技术模拟实现了异步交互技术,有效解决了上述问题。本章介绍了利用iframe实现模拟异步交互技术的相关基础知识、工作原理、关键代码及基本案例。

相关文章
|
3月前
|
前端开发 JavaScript API
Ajax技术的秘密揭秘:异步传输,高效交互
Ajax技术的秘密揭秘:异步传输,高效交互
|
3月前
|
设计模式 开发框架 前端开发
ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
ajax应用设计模式,Ajax设计模式下Web开发的研究与应用
|
9月前
|
JSON 前端开发 Java
Java Web应用开发案例|使用AJAX实现省市区三级联动效果
使用AJAX实现省市区三级联动效果,即选择省后,该省下的所有市数据动态填充到下拉框中,区县数据也会根据市的变化而动态填充该市下的区县数据。
93 0
Java Web应用开发案例|使用AJAX实现省市区三级联动效果
|
4月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
52 0
|
4月前
|
XML JSON 前端开发
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。百度使用哪种方式?
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。百度使用哪种方式?
20 0
|
5月前
ajax+json模拟一个页面多个统计图数据交互
ajax+json模拟一个页面多个统计图数据交互
24 1
|
7月前
|
安全 中间件 API
详解Django请求与响应:深入理解Web Http交互的核心机制
详解Django请求与响应:深入理解Web Http交互的核心机制
74 0
|
8月前
|
JavaScript 前端开发 Java
【JCEF】如果用JCEF对项目进行web交互
【JCEF】如果用JCEF对项目进行web交互
272 0
|
8月前
|
前端开发
【JCEF】后端通过技术进行web交互
【JCEF】后端通过技术进行web交互
163 0
|
9月前
计算机网络自顶向下 web交互学习资源
计算机网络自顶向下 web交互学习资源
126 0