在线uml画图工具网站

最新推荐文章于 2025-11-04 14:28:06 发布

原创最新推荐文章于 2025-11-04 14:28:06 发布 · 3.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#UML #Ajax #浏览器 #JavaScript #脚本 #ViewUI

html css 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个典型的网页数据加载过程，包括初始页面加载及后续通过AJAX进行的数据分页请求。详细描述了浏览器如何向服务器发起请求，服务器如何处理请求并返回数据，以及浏览器如何展示这些数据。

类图、活动图、用例图：http://yuml.me/diagram/scruffy/class/draw
序列图：http://www.websequencediagrams.com/
序列图、协作图：http://www.diagrammr.com/
visio流程图：www.draw.io

图表绘制工具Edraw Max 5.2


浏览器-->服务器: 请求fundnavquery.jhtml
note right of 服务器: 处理请求
服务器-->浏览器: 返回html内容为前100条数据与javascript脚本
note left of 浏览器: 展现页面（执行js脚本）
浏览器-->服务器: javascript ajax请求fundnavquery_ajax.jhtml?page=1页面
浏览器-->服务器: javascript ajax请求fundnavquery_ajax.jhtml?page=2页面
浏览器-->服务器: javascript ajax请求fundnavquery_ajax.jhtml?page=3页面
浏览器-->服务器: javascript ajax请求fundnavquery_ajax.jhtml?page=4页面
浏览器-->服务器: javascript ajax请求fundnavquery_ajax.jhtml?page=5页面
note right of 服务器: 处理请求
服务器-->浏览器: ajax返回html内容为page1的100条数据
服务器-->浏览器: ajax返回html内容为page2的100条数据
服务器-->浏览器: ajax返回html内容为page3的100条数据
服务器-->浏览器: ajax返回html内容为page4的100条数据
服务器-->浏览器: ajax返回html内容为page5的100条数据

[img]http://dl.iteye.com/upload/attachment/209623/5fc10ee4-7ea1-3564-ab49-ba35a8771bc4.png[/img]