中关村北大青鸟课程：WEB请求响应简单整理-第一文库 | 海量文档资源下载与分享平台

在线预览结束，喜欢就下载吧，查找使用更方便

16 金币

下载此文档

/ 3

下载提示文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

网址http://www.mybdqn.com/电话010-62516562企业QQ800001099地址北京市海淀区中关村大街49号大华科技商厦三层c座Web请求响应简单整理1.Web开发的定义首先看看微软对Web开发的定义:Web开发是一个指代网页或网站编写过程的广义术语。网页使用HTML、CSS和JavaScript编写。这些页面可能是类似于文档的简单文本和图形。页面也可以是交互式的，或显示变化的信息。编写交互式服务器页面略微复杂一些，但却可以实现更丰富的网站。如今的大多数页面都是交互式的，并提供了购物车、动态可视化甚至复杂的社交网络等现代在线服务。通俗的说,Web开发就是我们说的做网站.它分为网页部分和逻辑部分也就是我们说的前台页面展示与后台业务逻辑处理。前台负责与用户的交互显示数据，用到HTML标签布局页面,CSS样式渲染页面,JavaScript脚本(或AJAX、JQuery、Extjs)编写动态交互性强的页面；后台编写处理一些复杂业务逻辑的程序.可以用C#,JAVA,PHP等语言。2.Web请求响应简单理解客户端浏览器对服务器端进行一次请求的演示图：<1>.客户端发送请求。客户端浏览器向服务器发送请求URL；<2>.服务器接收请求。服务器接收到该浏览器发送的请求；<3>.服务器生成HTML。服务器解析请求的URL，根据URL确定请求的目标资源文件；这个资源文件通常是一个动态页面（如ASP，PHP，JSP，ASPX等文件）的网络地址（MVC结构的程序例外）。Web服务器根据动态页面文件的内容和URL中的参数，调用相应的资源（数据库数据或图片文件等等）组织数据，生成HTML页面。<4>.服务端响应请求。生成HTML文档以后，服务器响应浏览器的请求，将生成的HTML文档发送给客户端浏览器；<5>.客户端接收响应。浏览器接收服务端发出的请求得来HTML文档；<6>.客户端解析HTML。浏览器对HTML文档进行解析，并加载相关的资源文件（JS，CSS，多媒体资源，内嵌网页）等，(在这里浏览器解悉完HTML文档以后，就会进行呈现，但同时也会向服务器发送请求来请求其它相关的资源文件)<7>.服务器发送资源文件。服务器接到浏览器对资源文件的请求，将相应的资源文件响应给客户端浏览器；<8>.客户端加载资源文件。客户端浏览器将接收服务器发送的资源文件，整理并呈现到页面中；<9>.客户端从上到下加载。在进行页面呈现的时候，浏览器会从上到下执行HTML文档，当遇到相应的页面脚本的时候，会对脚本进行分析，并解释执行相应的脚本代码。在第6步以后，我们就可以看到一部分页面内容了，不过可能是纯文本内容，没有样式，没有图片或其它资源。待到浏览器请求得到某资源的时候就会进行组织呈现，直到整个页面所有资源加载完毕,显示完成，请求响应完毕。3.客户端解析HTML<1>.解析HTML结构；<2>.加载外部脚本和样式表文件；<3>.解析并执行脚本代码；<4>.构造HTMLDOM模型；<5>.加载图片等外部文件。加载顺序实例：<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>Title</title><styletype="text/css">body{font-sie:12px;}</style><linkhref="style.css"rel="stylesheet"type="text/css"media="all"/><scriptsrc="js.js"type="text/javascript"></script></head><body><div><scripttype="text/javascript">functionf1(){}</script><imgsrc="1.gif"/></div><scripttype="text/javascript">functionf2(){}</script></body></html>html→head→title→#text(网页标题)→style→加载样式→解析样式→link→加载外部样式表文件→解析外部样式表→script→加载外部脚本文件→解析外部脚本文件→执行外部脚本→body→div→script→加载脚本→解析脚本→执行脚本→img→script→加载脚本→解析脚本→执行脚本→加载外部图像文件→页面初始化完毕4.onload和ready的差异这里需要注意的是onload和ready的差异：一是ready，表示DOM文档树已经加载解析解析完成（不包含图片等非文字媒体文件）；二是onload，指页面上所有的资源(包含图片等文件在内的所有元素)