⼀次Web请求过程详解
HTTP通信机制是在⼀次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤:
1. 建⽴TCP连接
在HTTP⼯作开始之前,Web浏览器⾸先要通过⽹络与Web服务器建⽴连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet⼜被称作是TCP/IP⽹络。HTTP是⽐TCP更⾼层次的应⽤层协议,根据规则,只有低层协议建⽴之后才能,才能进⾏更层协议的连接,因此,⾸先要建⽴TCP连接,⼀般TCP连接的端⼝号是80。
2. Web浏览器向Web服务器发送请求命令
⼀旦建⽴了TCP连接,Web浏览器就会向Web服务器发送请求命令。例如:GET/sample/hello.jsp HTTP/1.1。
3. Web浏览器发送请求头信息
浏览器发送其请求命令之后,还要以头信息的形式向Web服务器发送⼀些别的信息,之后浏览器发送了⼀空⽩⾏来通知服务器,它已经结束了该头信息的发送。
4. Web服务器应答
客户机向服务器发出请求后,服务器会客户机回送应答, HTTP/1.1 200 OK ,应答的第⼀部分是协议的版本号和应答状态码。web浏览器在哪里打开
5. Web服务器发送应答头信息
正如客户端会随同请求发送关于⾃⾝的信息⼀样,服务器也会随同应答向⽤户发送关于它⾃⼰的数据及被请求的⽂档。
6. Web服务器向浏览器发送数据
Web服务器向浏览器发送头信息后,它会发送⼀个空⽩⾏来表⽰头信息的发送到此为结束,接着,它就以Content-Type应答头信息所描述的格式发送⽤户所请求的实际数据。
7. Web服务器关闭TCP连接
⼀般情况下,⼀旦Web服务器向浏览器发送了请求数据,它就要关闭TCP连接,然后如果浏览器或者服务器在其头信息加⼊了这⾏代码:
Connection:keep-alive
TCP连接在发送后将仍然保持打开状态,于是,浏览器可以继续通过相同的连接发送请求。保持连接节省了为每个请求建⽴新连接所需的时间,还节约了⽹络带宽。
客户端解析HTML步骤如下:
<1>.解析HTML结构;
<2>.加载外部脚本和样式表⽂件;
<3>.解析并执⾏脚本代码;
<4>.构造HTML DOM模型;
<5>.加载图⽚等外部⽂件。
onload和ready的差异:
这⾥需要注意的是onload和ready的差异:
⼀是ready,表⽰DOM⽂档树已经加载解析解析完成(不包含图⽚等⾮⽂字媒体⽂件);
⼆是onload,指页⾯上所有的资源(包含图⽚等⽂件在内的所有元素)都加载完毕。
说ready⽐onload快最显著的是⽐如⼀个页⾯上有⼀个很⼤的图⽚,加载要好久,onload只有在图⽚加载完成之后执⾏,⽽ready不必等图⽚加载完成。
这种差异与load和$(document).ready()的区别也是⼀致的吧。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。