Web表单和Request对象.ppt

1、第5章 Web表单和Request对象,本章要点： WEB中表单的设计和数据的提交 掌握文本框、复选框、下拉菜单、单选按钮等控件的运用 Request对象详解,在Web应用程序中，用户浏览信息、输入信息以及与服务器的交互，都通过浏览器实现。用户提交请求数据，必须先在浏览器页面上输入数据，然后通过表单向服务器提交请求数据，服务器将处理的结果通过浏览器再输出到相应的页面中。 第4章介绍了有关Response对象的运用，它主要作用是把数据下载到浏览器，而Request对象则是用来读取浏览器的信息，例如获取用户通过浏览器输入的数据。本章详细介绍如何设计用户输入数据的表单以及如何处理用户请求的数据。,5

2、.1Web表单,5.1.1表单数据的提交 在一个Web应用程序中，HTML表单（也称窗体）是收集用户请求数据最基本的方法。要建立一个交互式的Web应用程序，需要使用HTML表单，它可以让用户输入信息，并对此做出反应。使用表单可以建立类似复选框、单选按钮以及文本框等常用控件（也可称为元素）。在网上可以经常看到诸如会员注册、用户登录、留言簿、论坛等用表单形式实现各种交互功能的应用。,格式里包含的属性：, name属性 表示该表单的名称。 method属性 表示表单的请求类型，服务器应该如何处理由浏览器提供的URL信息。通常包括两种常用的属性值：get和post。表单在发送数据时，若采用get方法，

3、会把数据作为URL的参数。而用post方法提交，发送的信息包含在请求的主体之中，不会显示在URL中。通常采用post方法比较多。 action属性 表示将当前表单中的数据发送到哪个文件进行处理，通常是一个ASP文件。如在5_1a.asp文件的表单中action=5_1b.asp，表示将当前表单中的所有控件的值发送到5_1b.asp文件进行处理。由此可知，为什么点击“提交”按钮后，浏览器会自动转到5_1b.asp页面。如果提交到本页面，则可以省略action属性。,格式里包含的属性：, enctype属性 表示数据传送MIME类型，通常可以省略。 target属性 表示输出窗口或分页的名称，在框

4、架中处理表单时，经常会使用。比如在点击“提交”按钮后，使action所指的目标也在新建页面中打开，则可把target属性设置为“_blank”。通常可以省略。 在这里强调的是：表单控件（包括文本框、密码框、复选框、单选按钮、下拉菜单控件、列表框、提交按钮、多行文本框以及隐藏控件）必须添加在之间，添加在之外的控件的数据，将不会被正确提交到目标页中。而且，一般在表单中应该至少包含一个提交按钮，如。在浏览器中通过单击该提交按钮，将把表单中的数据发送到目标页面中进行处理。注意它的类型往往会是submit。,5.1.2用Request对象接收表单数据,前面介绍通过指定表单的action属性，可将表单控件

5、的数据发送到目标页。而在目标页中，如何接收表单提交过来的数据呢？这里，需要使用Requeset对象进行数据接收，Request对象接收数据简化的格式为： Request (参数) 其中的参数表示form表单中控件（或元素）的名称或者是变量名。,form的method属性和Request对象接收集合的对应关系,5.2 Web表单控件,众所周知，要建立一个交互式的网页，需要使用HTML表单，它可以让管理员收集访问该网站的用户提供的信息，并对此做出反应。使用表单，可以建立像文本框、按钮、复选框、单选按钮及列表框等控件。有了这些控件用户就可以随心所欲的进行交互。,5.2.1文本框,文本框是最基本的表单

6、控件，几乎每个表单都要用到文本框控件。它的HTML格式如下： 在该格式中，以为基本标记，其中包含了type、name、size、maxlength、value等属性，下面逐一介绍。 1.标记 该标记是文本框控件的起始标记，以Input开头的控件还有：按钮、密码框、复选框、单选按钮、隐藏控件等，在缺省其它属性的情况下表示文本框控件。 2.type属性 该属性说明控件的类型。如type=text，表示文本框；type=password，表示密码框等。实际上在表示文本框时，type属性可以省略，因为标记符缺省type属性设为text。例如语句，虽然没有指定属性type=text，同样可以表示一个文本

7、框控件。,5.2.1文本框,3.name属性 表示控件的名称，一般任何一个要提交数据的控件都必须要加入该属性。它也是Request对象接收数据的依据。例如，要接收文本框输入的内容，就要用Request(text1)来接收。其中的text1就是name属性的值，作为Request对象的参数。 4.value属性 表示文本框控件的默认值，指定在用户输入前缺省状态下文本框中显示的文字。例如，假设有一个文本框，让用户在其中输入国别，预计大部分用户都是中国人，则可以使用将文本框的缺省值设为“中国”。,5.2.1文本框,5.size属性 该属性控制文本框的宽度，使用时可根据需要以字符数来指定size属性的

8、值。 6.maxlength属性 该属性限制文本框输入字符的个数。例如，想让用户输入6个数字的邮政编码，也就是不让用户输入超过6个字符，这就要靠maxlength来实现。,5.2.2按钮,在HTML表单中使用的典型按钮有三种，分别是重置按钮、提交按钮和普通按钮，它们的HTML格式代码如下： 三种按钮都是以标记开头，决定三种按钮类型的是type属性，其中submit表示提交按钮，是专门用于提交表单内容的；reset表示重置按钮，将当前表单中控件都恢复为默认值（value属性的值）；button表示普通按钮，它本身没有特殊作用，一般要结合客户端脚本语言使用。其中，提交按钮和重置按钮一般都使用在表单

9、域中。value属性的值决定了在按钮上显示的文字。,1.提交按钮,前面已经介绍过提交按钮。当单击提交按钮时，表单内容会提交到action属性所指定的页面进行处理。因此，一般在表单中提交按钮必不可少。当在FrontPage中插入表单时，一般会自动生成提交按钮和重置按钮。且提交按钮必须放置在表单内部，如果放在表单之外，它将起不到提交数据的作用。,2.重置按钮,重置按钮的主要作用是将同一表单中的控件都恢复为默认值，所谓控件的默认值就是value属性的值。这样可以避免数据被错误修改。,3.普通按钮,普通按钮本身没有特殊作用，通常需要结合客户端脚本语言（VBScript和JavaScript脚本）一起使

10、用，例如单击按钮时出现某种特效，这就要结合OnClick事件和客户端脚本进行编程。代码5-3使用单击按钮，用于关闭当前窗口。,5.2.3密码框,密码框的工作原理与文本框类似，只是当输入数据时不明确显示，而是用*来代替。这样一来，在一定程度上防止了密码外泄。密码框主要运用在用户注册和登录界面中。,5.2.4滚动文本框,普通文本框只能在一行上输入数据，输入的数据比较有限。滚动文本框弥补普通文本框的缺陷，它可以输入更多的数据，且可以换行输入。在FrontPage中要插入滚动文本框可以选择菜单【插入】【表单】【滚动文本框】选项。如果需要设置滚动文本框的属性，则可在插入的滚动文本框上单击鼠标右键，选择“

11、表单域属性”，出现“滚动支本框属性”窗口。,使用滚动文本框要注意以下几点, 由于滚动文本框可输入的数据较多，当某一表单要使用滚动文本框时，最好将Method属性设置为Post，若设置成Get，则会受到传输数据量的限制，造成文字传输不完整。 如果要在ASP程序中使用Response.Write方法显示滚动文本框的内容（这儿所指的不是显示在滚动文本框上），特别需要注意换行符。滚动文本框的换行符在VbScript脚本中可使用常量VbCrlf（等于Chr(13)+Chr(10)）表示，只是它在浏览窗口显示时并不体现换行。所以应该先将其转换成HTML语言中的换行标记或者。而如果是显示在滚动文本框上，则不

12、需要转换。,5.2.5复选框和单选按钮,在某些表单中用户不需要输入数据，而只需提供一些固定的选项让用户选择，复选框和单选按钮就是此类控件。复选框可在众多选项中选择多个，而在一组单选按钮中则只允许选择其中一个。,5.2.6下拉菜单和列表框,复选框和单选按钮都是可以让用户选择要输入的内容，下拉菜单和列表框也是提供用户选择的控件。,5.2.7隐藏控件,隐藏控件不显示在窗体中，但控件信息却可以在窗体提交时被包含。 隐藏控件有时候十分有用。在设计ASP程序时，往往会在网页之间传递隐藏信息。使用隐藏控件可以建立不依赖于Cookies的变量，这样做既有优点也有缺点。,5.3Request对象综述,在介绍表单

13、的同时，已经使用了Request对象接收从表单中的数据。实际上，用Request 对象可以访问任何基于HTTP请求传递的信息，包括从HTML表格用POST方法或GET方法传递的参数，cookie和用户认证也可以访问客户端发送给服务器的二进制数据。Request对象包含QueryString、Form、Cookies、ServerVariables、ClientCertificate五个集合和一个BinaryRead方法以及一个TotalBytes属性。,5.3.1Form集合,Form集合可以接收HTML表单中用Post方法提交过来的数据。格式如下： Request.Form (element

14、) (index)|.Count 其中，参数element用于指定集合要检索的表单控件元素的名称；index为可选参数，使用该参数可以访问多个数据值中的一个，可以是1到Request.Form(element).Count之间的任意整数；参数Count用于指定集合中元素的个数 。,5.3.2QueryString集合,QueryString集合用于接收用Get方法提交的表单数据，也可以检索HTTP查询字符串中变量的值。HTTP查询字符串由问号后面的值所指定，例如有下列一个超链接： 学校 在Example.asp的问号（?）后传递一个变量School，变量值为“浙江工业职业技术学院”。这样在Ex

15、ample.asp代码中，就可以用Request.QueryString(School)来接收School变量传递的值。GET方法提交的表单或者由用户在浏览器地址栏中键入查询均可以生成查询字符串。,5.3.3Cookies集合,Cookies俗称甜饼，可以在客户端长期保存访问某个网站的信息。当第一次访问一个WEB站点时，它会将有关信息保存到计算机的硬盘上。下一次访问同一个站点时，站点的页面会读取计算机上的Cookies，并将新的信息保存到计算机上。,5.3.4ServerVariables集合,浏览器浏览网页使用的是HTTP协议，在HTTP的标题文件中会记录一些客户端的信息，如客户的IP地址等

16、等，有时服务器端需要根据不同的客户端信息做出不同的反映，此时需使用ServerVariables集合获取信息。该集合语法如下： Request.ServerVariables(服务器环境变量),5.3.5ClientCertificate集合,Request对象的ClientCertificate集合提供了客户数字认证。当客户浏览器支持安全套节字层（Secure Sockets Layer，SSL）协议（即URL以HTTPS:/ 开头），而且浏览器所连接到Web服务器页运行于SSL的时候，客户认证将被发送给Web服务器。语法如下： Request.ClientCertificate (关键字),5.3.6TotalBytes属性,Request对象只有一个只读属性即TotalBytes，用来指定客户端在请求中发送的总字节数。语法如下： Counter=Request.TotalBytes 例如，用来返回客户端发送的总字节数脚本。 ,5.3.7BinaryRead方法,Request对象只有一个BinaryRead方法，检索用POST方法从客户端发送到服务器的一部分数据。Request.BinaryRead方法可以直接读取一定字节数的参数，并返回变体类型的数组，其中包含从请求的POST段中得到的字节(例如在ASP的Form集合中数据)。