html请求响应的过程,浏览器如何获得页面?——网页请求的完整过程解析

对于后端初学者而言,http请求响应是每个初学者绕不开的知识点。因为只有了解了浏览器访问一个网站的过程,才能学会如何去搭建后端来实现这个过程。所以今天小编就着浏览器访问一个网站的过程,来好好的讲讲什么是请求,什么是响应。

首先,一个网页请求的完整过程包括浏览器向服务器发送请求和服务器返回响应。具体过程如下图所示(部分过程不属于后端必须掌握的知识,小编不做深入):

3071a045c3207129d2962fe6bbde15d0.png

由上图可知,一个完整的请求响应过程,由用户输入URL开始(但这只是最简单的情况,还有表单提交,ajax动作等等,这些都是请求),然后浏览器将用户的操作转化为请求并格式化成相应的请求报头通过http协议(详见http消息结构)发送给服务器。然后服务器将请求进行处理后生成一个响应。同样地,通过http协议返回给浏览器,浏览器通过对响应的解析,然后做出相应的操作(如果返回了html,就讲html渲染后展示在浏览器上,如果是ajax通过json收发数据,则由ajax负责页面渲染)。然后用户就得到了他想要得到的页面(不过或许服务器没有用户想要的页面,就会返回404错误)。讲完了一个完整的请求流程,接下来让小编详细介绍一下什么是请求,什么是响应。

什么是请求?

请求中最常见的当属get和post两种请求,在小编的get和post有什么区别?——get与post详解一文中对这两种请求有所介绍。通俗的理解,请求就像一封信,所有的请求信息都写在信封上。而get方法与post方法的最主要区别是,get方法只有信封,需要什么东西只能写在信封上;而post则是完整的信件,它可以将数据放在信封里面的信件。浏览器和网络(路由器,上图未标出,不是必须掌握的知识点)则扮演着邮递员的职责——通过对请求头的解析,将请求准确的送到对应的服务器上的应用。

什么是响应?

服务器接收到浏览器发送来的请求后得到了浏览器的请求数据,并做出了数据处理然后生成对应的响应(可以理解为回信,关于接受请求并生成回应这个过程,就是后端开发者的工作了)。与请求一样,响应也有一个响应头,但响应头的内容与请求头大不相同。

82bfe1c3a42c8af2a6c0b590b2b8a030.png

此外,响应还会附带响应内容(通常是HTML文件),如下图所示:

afbacba12da6e780ab96002250384f03.png

看到这一串的HTML代码看官大大们是不是明白了什么?没错,我们收到了服务器给我们返回的响应,接下来只需要浏览器将HTML文件进行解析渲染,我们就能看到我们想要看到的页面了。

小结

以上就是浏览器访问一个网站的全部过程了。其实中间的网络传输小编还省略了DNS解析等内容,不过这些并不是后端开发初学者必须要掌握的。另外,请求与响应虽然是属于计算机通信协议的内容,但是不管是前端还是后端都应该掌握,甚至爬虫工程师也要对此深入研究,所以这个知识点是相当重要的,希望各位读者能够掌握该知识点。

从前端到后端再到数据库,全栈工程师必备技能,在W3C编程课上都能学啦,快来和小编一起学习编程吧!

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在现有省、市港口信息化系统进行有效整合基础上,借鉴新 一代的感知-传输-应用技术体系,实现对码头、船舶、货物、重 大危险源、危险货物装卸过程、航管航运等管理要素的全面感知、 有效传输和按需定制服务,为行政管理人员和相关单位及人员提 供高效的管理辅助,并为公众提供便捷、实时的水运信息服务。 建立信息整合、交换和共享机制,建立健全信息化管理支撑 体系,以及相关标准规范和安全保障体系;按照“绿色循环低碳” 交通的要求,搭建高效、弹性、高可扩展性的基于虚拟技术的信 息基础设施,支撑信息平台低成本运行,实现电子政务建设和服务模式的转变。 实现以感知港口、感知船舶、感知货物为手段,以港航智能 分析、科学决策、高效服务为目的和核心理念,构建“智慧港口”的发展体系。 结合“智慧港口”相关业务工作特点及信息化现状的实际情况,本项目具体建设目标为: 一张图(即GIS 地理信息服务平台) 在建设岸线、港口、港区、码头、泊位等港口主要基础资源图层上,建设GIS 地理信息服务平台,在此基础上依次接入和叠加规划建设、经营、安全、航管等相关业务应用专题数据,并叠 加动态数据,如 AIS/GPS/移动平台数据,逐步建成航运管理处 "一张图"。系统支持扩展框架,方便未来更多应用资源的逐步整合。 现场执法监管系统 基于港口(航管)执法基地建设规划,依托统一的执法区域 管理和数字化监控平台,通过加强对辖区内的监控,结合移动平 台,形成完整的多维路径和信息追踪,真正做到问题能发现、事态能控制、突发问题能解决。 运行监测和辅助决策系统 对区域港口与航运业务日常所需填报及监测的数据经过科 学归纳及分析,采用统一平台,消除重复的填报数据,进行企业 输入和自动录入,并进行系统智能判断,避免填入错误的数据, 输入的数据经过智能组合,自动生成各业务部门所需的数据报 表,包括字段、格式,都可以根据需要进行定制,同时满足扩展 性需要,当有新的业务监测数据表需要产生时,系统将分析新的 需求,将所需字段融合进入日常监测和决策辅助平台的统一平台中,并生成新的所需业务数据监测及决策表。 综合指挥调度系统 建设以港航应急指挥中心为枢纽,以各级管理部门和经营港 口企业为节点,快速调度、信息共享的通信网络,满足应急处置中所需要的信息采集、指挥调度和过程监控等通信保障任务。 设计思路 根据项目的建设目标和“智慧港口”信息化平台的总体框架、 设计思路、建设内容及保障措施,围绕业务协同、信息共享,充 分考虑各航运(港政)管理处内部管理的需求,平台采用“全面 整合、重点补充、突出共享、逐步完善”策略,加强重点区域或 运输通道交通基础设施、运载装备、运行环境的监测监控,完善 运行协调、应急处置通信手段,促进跨区域、跨部门信息共享和业务协同。 以“统筹协调、综合监管”为目标,以提供综合、动态、实 时、准确、实用的安全畅通和应急数据共享为核心,围绕“保畅通、抓安全、促应急"等实际需求来建设智慧港口信息化平台。 系统充分整合和利用航运管理处现有相关信息资源,以地理 信息技术、网络视频技术、互联网技术、移动通信技术、云计算 技术为支撑,结合航运管理处专网与行业数据交换平台,构建航 运管理处与各部门之间智慧、畅通、安全、高效、绿色低碳的智 慧港口信息化平台。 系统充分考虑航运管理处安全法规及安全职责今后的变化 与发展趋势,应用目前主流的、成熟的应用技术,内联外引,优势互补,使系统建设具备良好的开放性、扩展性、可维护性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值