- 1、本文档共62页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第6章 简易网页浏览器
在如今网络流行的时代中,大多数用户都在使用微软的IE浏览器浏览网页。从以前的静态网页到现在丰富多彩的动态网页,用户都是通过网页浏览器进行浏览。网页浏览器应该具有解析HTML代码或者其他语言(如ASP.NET等)网页的功能。本章将向用户介绍浏览器的工作原理以及设计流程等知识。
6.1 HTTP协议
6.1.1 HTTP基础
网页浏览其实就是浏览器,即客户端向服务器发送访问请求,然后服务器向浏览器发送请求内容的过程。浏览器的请求是以HTTP协议规定的方式发送的,然后再解析服务器发送给浏览器的内容。
HTTP(HyperText Transfer Protocol)超文本传输协议,在互联网上应用的十分广泛,所有的WWW文件都遵守这个协议。而设计这个协议的最初目的,就是为了提供一个发送和接收HTTP页面的方法。
6.1.2 HTTP请求
通常情况下,设计过网页的用户都会知道客户端浏览器通过向服务器发送HTTP请求,服务器接受请求以后,将相应的网页内容传回客户端进行显示。这就是常见的C/S(客户端/服务器)网络模型。客户端程序负责解析服务器传回的网页内容。
在HTTP中,请求就是客户端通过向服务器发送消息要求提供一定的服务的过程。请求方式有两种:GET和POST。
注意:C/S模型是指网络通信的双方以特定角色进行数据传输。例如,从IE浏览器的角度来说,与网络服务器进行数据传输是基于C/S模型,浏览器相当于客户端;而从用户的角度来说,相当于是使用IE这个浏览器工具与服务器进行数据传输,所以该种方式是B/S网络模型。
1.GET方式
GET请求方式在网页设计中,被用来在客户端和服务器之间交换数据。该数据包括网页HTML内容、ZIP或RAR等附件数据。当向服务器传送数据使用GET方式时,传送的数据会被显示在网络地址后面。例如,这个网址“/luntan/?fromuid=539356”,所表示的内容是客户端首先将变量fromuid赋予值539356,然后传送到服务器。
根据GET请求方式传送数据的特点,用户可以知道这种方式是不安全的。因为,用户所要传送的数据都会被显式地连接在网址后面,连接符号是“?”。但是,在邮箱中下载附件时所用的方式是GET方式。
以GET方式向服务器传送数据的HTML代码如下:
代码在IE浏览器中运行的效果如图6.1所示。
图6.1 代码运行效果
用户在表单中输入姓名、地址、电话号码和邮箱,单击“保存”按钮,浏览器会将数据赋予变量并连接在所提交的网络地址后面进行连接服务器。客户端根据用户所填内容构造的网络地址是:/get.html/?name=liangaddres=zhongguonumber= 0233564545email=lymlrl@163.com。
用户需要注意,GET方式会受到URL的最大长度限制,URL的最大长度为1024KB。所以,当用户需要向服务器传送较大数据时,应该选用POST方式进行传送。
2.POST方式
与GET方式相反,POST方式是隐式地进行数据传送。两者相比,POST方式比较安全,因为用户所传送的数据不会被显示在网络地址后面,并且可以传送较大的数据,最大可以达到2MB。
使用POST方式向服务器提交的数据通过消息结构体进行传递。一般情况下,POST方式被用来传递用户所提交的一些数据。
POST方式的HTML代码如下:
01 html
02 head
03 titlePOST方式传送数据/title
04 /head
05 body
06 form id=form1 name=form1 method=post action=http:
07 ///get.html
08 table border=0 cellPadding=1 cellSpacing=1 width=75%
09 trtd width=150姓名:/td
10 tdinput id=b1 name=name/td/tr
11 trtd width=150地址:/td
12 tdinput id=b2 name=addres/td/tr
13 trtd width=150电话号码:/td
14 tdinput id=b3 name=number/td/tr
15 trtd width=150邮箱:/td
16 tdinput id=b4 name=email/td/tr
17 trtdinput type=submit value=保存nbspnbsp
18 input type=reset value=重置/td/tr
19 /table
20 /form
21 /body
22 /html
代码运行后的界面与GET方式相同。
文档评论(0)