热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaWeb开发中全局刷新与局部刷新的技术对比与应用分析

在JavaWeb开发中,全局刷新与局部刷新是两种常见的页面更新技术。本文详细对比了这两种方法的应用场景及其优缺点。对于全局刷新,以用户登录流程为例,从index.jsp发起登录请求,经过LoginServlet处理后跳转至result.jsp。整个过程中,浏览器会重新加载整个页面,适用于需要完全更新页面内容的场景。而局部刷新则通过AJAX等技术实现,仅更新页面的部分区域,提高了用户体验和响应速度,特别适合于动态交互频繁的应用。
1. 全局刷新

登录请求处理:
index.jsp发起登录请求➡️LoginServlet➡️result.jsp

发起请求request阶段:
浏览器现在内存中是index页面的内容和数据
浏览器发送登录请求
服务器端应答结果阶段:
      Servlet返回的result.jsp覆盖了全部的浏览器内存数据。整个浏览器数据全部被刷新,重新在浏览器窗口显示数据、样式、标签等。
服务端响应浏览器登录请求
全局刷新原理:

  1. 浏览器亲自向服务端发送请求协议包
  2. 导致服务端直接将响应包发送到浏览器内存中
  3. 导致浏览器内存中原有内容被覆盖掉
  4. 导致浏览器在展示数据时候,只有响应数据可以展示

2. 局部刷新

      浏览器在展示数据时,此时在窗口既可以看到本次的响应数据,同时又可以看到浏览器内存原有数据。

局部刷新原理:

  1. 不由浏览器发送请求给服务端
  2. 浏览器委托浏览器内存中一个脚本对象代替浏览器发送请求
  3. 这个行为导致服务端直接将响应包发送脚本对象内存中
  4. 这个行为导致脚本对象内容被覆盖掉,但浏览器内存中绝大部分内容没有受到任何影响
  5. 这个行为导致浏览器在展示数据时,同时展示原有数据和响应数据

局部刷新示例图


推荐阅读
author-avatar
mobiledu2502880747
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有