《DreamweaverMX2004数据库网站开发与实例课件作者第04章节表单的请求与响应课案》由会员分享，可在线阅读，更多相关《DreamweaverMX2004数据库网站开发与实例课件作者第04章节表单的请求与响应课案（22页珍藏版）》请在金锄头文库上搜索。
1、第4章 表单的请求与响应,Internet是一种主从式的系统结构，服务器端主机提供各种信息服务，客户端浏览器则针对特定服务器提出信息浏览请求，服务器根据客户端的请求进行响应。本章将从以下几个方面进行详细介绍： 4.1 无状态网络应用程序 4.2 ASP 对 象 4.3 运 用 表 单 4.4 表 单 元 素 4.5 组织表单元素 4.6 表 单 检 验 4.7 Request对象与客户端数据传送 4.8 Response对象与服务器端响应 4.9 本 章 小 结,4.1 无状态网络应用程序,在传统的应用程序中客户端与服务器端之间随时保持联机，因此数据可以通过联机传递；而网络模式的Web应用程序
2、，客户端与服务器端之间并没有任何关联，客户端只负责向特定服务器主机提出请求，而服务器端则接负责响应客户端提出的请求，并且将数据传输至客户端，除此之外，两者之间并没有交集，任何客户端均可以随时向特定的服务器端主机提出请求，并且取得目标主机的响应信息。,4.2 ASP 对 象,服务器端与客户端的之间的沟通完全依靠Response和Request这两个对象作连接。 Response：主要用于响应客户端浏览器所需的信息，创建网页内容，并且将其返回至客户端。 Request：与Response对象进行反向的操作，该对象用于取得客户端的数据内容，例如用户在网页上输入的各种信息。,4.3 运 用 表 单,4
3、.3.1 表单概述 4.3.2 创建新表单,4.3.1 表单概述,表单是浏览器将数据传送给服务器端主机所使用的一种网页元素，由HTML标签所组成，这组标签在网页上围成一块区域，获取用户数据的字段被放置在这一区域中，通过表单传送到服务器主机，服务器读取表单的字段内容，取得用户在浏览器网页所输入的数据，并根据这些数据进一步作出适当响应 。,4.3.2 创建新表单,在网站下创建一个新的ASP网页，切换至“表单”工具栏，其中包含了表单元素以及可以布置在表单上的各种元素。单击最左边的是“表单”图标，打开“标签编辑器-Form”对话框，在其中输入所需信息，然后单击“确定”按钮，即可创建一个新的表单。,4.
4、4 表 单 元 素,4.4.1 HTML标签和表单元素 4.4.2 输入字段 4.4.3 其他字段,4.4.1 HTML标签和表单元素,在Dreamweaver操作界面中，将工具栏切换至“表单”工具栏，其中包含所有Dreamweaver提供的表单元素,4.4.2 输入字段,标准的HTML标签提供了一组用于表单的输入字段，这些字段提供各种形式的操作界面，供用户在网页上输入各种数据，输入字段的标签语法形式如下： 其中input为标签名称，表示这是一个输入标签；type为标签形式，决定输入标签以何种形式显示在网页上；name则是标签对象在表单上的识别名称，表单利用这个名称识别此字段对象。,4.4.3
5、 其他字段,文本区域 文本区域可供输入多行文本，其HTML标签表示式如下： 列表/菜单 该表单元素提供一个选项列表供用户选择，例如，一个选择月份的字段可将112月等12个选项预先填入其中，让使用者直接选择，避免填入错误的数据，此元素的HTML标签语法如下： ,4.5 组织表单元素,表单创建完成之后，就可以进一步在其中布置所需的元素，让用户可以在其中输入相关信息，并且返回至服务器作处理。本节将户介绍如何完成表单数据传送，同时会介绍表格的运用技巧。 创建一个表单，在其中加入一些获取用户数据的字段，同时创建一个接收表单传送过来的数据的网页，在其中展现表单所传送过来的数据内容 ，具体操作步骤见书中介绍
6、。,4.6 表 单 检 验,表单接收用户输入的数据时，网页必须提供特定字段的数据检验操作，例如输入用户年龄的字段必须限定只允许输入数字数据，电子邮件字段则必须检验输入的内容是否为合法的邮件格式字符串，Dreamweaver提供了必要的检验功能。,4.7 Request对象与客户端数据传送,4.7.1 Request对象成员 4.7.2 表单属性与数据传递 4.7.3 Post属性值与Form集合对象 4.7.4 Get属性值与QueryString集合对象,4.7.1 Request对象成员,Request对象包含三类成员，分别为集合、属性和方法，其中集合包含了客户端的数据内容，属性与方法各只
7、有一个，由于在ASP网页中几乎没有使用，所以这里不再对其进行说明 。,表4-3 Request对象的集合成员,4.7.2 表单属性与数据传递,在进入数据传递功能的实例之前，对于表单如何在ASP网页上运行必须具备一定的概念，同时了解表单传送数据的相关机制。 表单要将字段数据传送至网页服务器进行处理，其中有两个很重要的Form标签属性必须确认，这两个属性分别是method和action，设置它们的HTML语法如下： 当用户从工具栏中将一个表单元素拖动到网页上时，这两个属性值会在设置完成之后，自动填入设置值，若是完成之后还想修改，可以通过“属性”面板进行。 发送表单的关键在于按钮的设置，一个表单上必
8、须布置按钮标签，并且将其type属性被设为submit，如下： 当表单上的按钮如此设置时，一旦用户单击此按钮，则表单的数据会马上被送回服务器进行处理。,4.7.3 Post属性值与Form集合对象,首先创建txtName和txteMail 这2个Request变量 ，接着将这2个变量拖动至网页相应位置。完成后，比较“设计”和“代码”两个窗口中的内容，其中Dreamweaver完成了相关Request对象变量的编写，拖动至网页上的两个变量：Form.txtName和Form.txteMail 。 Request.Form(“txtName“)代表前一个网页txtName的字段数据内容，Reque
9、st (“txteMail“)则是txteMail字段里的内容。,4.7.4 Get属性值与QueryString集合对象,打开theForm.asp网页，切换至“代码”编辑模式，在其中HTML From标签程序代码中将method和action两个属性值修改为如下： action=“theDataR.asp“ method=“get“ name=“DataForm“ 打开新建的theDataR.asp网页进行编辑，在“应用程序”面板的“绑定”选项卡中新增Request变量，选择Request.QueryString，新增加的两个Request变量分别为QueryString.txteMail
10、和QueryString.txtName。 最后将将设置好的QueryString变量，拖动到到预先设计好的表格字段里即可。,4.8 Response对象与服务器端响应,4.8.1 Response对象成员 4.8.2 输出数据至网页 4.8.3 网页转向,4.8.1 Response对象成员,Response对象同样提供了三类对象的成员，分别是集合、属性与方法，分别说明如下。 集合：Response主要可用的集合对象为Cookies，ASP网页服务器通过这个集合对象将Cookie 值设置到用户的计算机上。 属性：Response提供了一些服务器专用的属性，例如缓冲区的设置Buffer、网页到
11、期时间Expires minutes、HTTP状态设置等，这些值通常并不需要设置，用户只需大体了解即可。 方法：Response的方法成员中，常用的是Write和Redirect，其中的Write()接收一个字符串参数，用于将参数写入网页，而Redirect()则用于将浏览器导向指定的URL地址，这两个方法成员稍后将详细说明。其他的方法，如清除缓冲区的Clear()，终止网页运行的End()等，由于并不经常使用，这里不加说明。,4.8.2 输出数据至网页,Responses对象最主要的功能是将指定的信息输出至网页，响应给客户端浏览器，方法Write用来达到这个目的，例如用户可以编写以下的程序代
12、码，将一段指定的字符串输出在网页上： Response.Write(“测试Response对象 !“) Write在ASP网页中使用相当频繁，甚至构成网页的HTML标签都可以利用这个方法作输出，网页会直接呈现HTML的显示效果。,4.8.3 网页转向,Response对象另外一个常用的方法为Redirect，该方法接受一个指向特定路径的URL字符串参数，命令浏览器转向这个参数所指定的网页，使用的方式如下： Response.Redirect(URLString) URLString代表一个指向特定网页的URL，当网页执行到这一段程序代码时，浏览器会重新加载指定的新网页。,4.9 本 章 小 结,Web应用程序以表单机制进行客户端计算机与服务器主机的连接操作。 Request对象用于取得用户在表单中输入的数据内容。,
