网页数据加载流程-优快云博客

本文链接：https://blog.youkuaiyun.com/jiangyongyuan/article/details/83559282

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

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

类图、活动图、用例图：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]