第04章-表单的请求与响应.ppt

ASP+Dreamweaver MX 2004数据库网站开发与实例,第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应用程序，客户端与服务器端之间并没有任何关联，客户端只负责向特定服务器主机提出请求，而服务器端则接负责响应客户端提出的请求，并且将数据传输至客户端，除此之外，两者之间并没有交集，任何客户端均可以随时向特定的服务器端主机提出请求，并且取得目标主机的响应信息。,4.2 ASP 对 象,服务器端与客户端的之间的沟通完全依靠Response和Request这两个对象作连接。,Response,：主要用于响应客户端浏览器所需的信息，创建网页内容，并且将其返回至客户端。,Request,：与,Response,对象进行反向的操作，该对象用于取得客户端的数据内容，例如用户在网页上输入的各种信息。,4.3.1 表单概述,表单是浏览器将数据传送给服务器端主机所使用的一种网页元素，由HTML标签所组成，这组标签在网页上围成一块区域，获取用户数据的字段被放置在这一区域中，通过表单传送到服务器主机，服务器读取表单的字段内容，取得用户在浏览器网页所输入的数据，并根据这些数据进一步作出适当响应。,4.3.2 创建新表单,在网站下创建一个新的ASP网页，切换至“表单”工具栏，其中包含了表单元素以及可以布置在表单上的各种元素。单击最左边的是“表单”图标，打开“标签编辑器-Form”对话框，在其中输入所需信息，然后单击“确定”按钮，即可创建一个新的表单。,4.4 表 单 元 素,4.4.1 HTML,标签和表单元素,4.4.2,输入字段,4.4.3,其他字段,4.4.1 HTML标签和表单元素,在Dreamweaver操作界面中，将工具栏切换至“表单”工具栏，其中包含所有Dreamweaver提供的表单元素,4.4.3 其他字段,文本区域,文本区域可供输入多行文本，其,HTML,标签表示式如下：,列表,/,菜单,该表单元素提供一个选项列表供用户选择，例如，一个选择月份的字段可将,112,月等,12,个选项预先填入其中，让使用者直接选择，避免填入错误的数据，此元素的,HTML,标签语法如下：,4.6 表 单 检 验,表单接收用户输入的数据时，网页必须提供特定字段的数据检验操作，例如输入用户年龄的字段必须限定只允许输入数字数据，电子邮件字段则必须检验输入的内容是否为合法的邮件格式字符串，Dreamweaver提供了必要的检验功能。,4.7.1 Request对象成员,Request对象包含三类成员，分别为集合、属性和方法，其中集合包含了客户端的数据内容，属性与方法各只有一个，由于在ASP网页中几乎没有使用，所以这里不再对其进行说明。,表4-3 Request对象的集合成员,集,合,说,明,Cookies,传送至服务器端的所有Cookie对象集合,Form,标签的方法设为Post时，表单所有字段值的集合对象,QueryString,标签的方法设为Get时，表单所有字段值的集合对象，由合并在url 网址列字符串后面的“键/值”对所组成,ServerVariables,客户端对服务器提出需求，同时传送至服务器的HTTP标题与服务器变量等数据,4.7.2 表单属性与数据传递,在进入数据传递功能的实例之前，对于表单如何在ASP网页上运行必须具备一定的概念，同时了解表单传送数据的相关机制。,表单要将字段数据传送至网页服务器进行处理，其中有两个很重要的Form标签属性必须确认，这两个属性分别是method和action，设置它们的HTML语法如下：,当用户从工具栏中将一个表单元素拖动到网页上时，这两个属性值会在设置完成之后，自动填入设置值，若是完成之后还想修改，可以通过“属性”面板进行。,发送表单的关键在于按钮的设置，一个表单上必须布置按钮标签，并且将其type属性被设为submit，如下：,当表单上的按钮如此设置时，一旦用户单击此按钮，则表单的数据会马上被送回服务器进行处理。,4.7.3 Post属性值与Form集合对象,首先创建txtName和txteMail 这2个Request变量，接着将这2个变量拖动至网页相应位置。完成后，比较“设计”和“代码”两个窗口中的内容，其中Dreamweaver完成了相关Request对象变量的编写，拖动至网页上的两个变量：Form.txtName和Form.txteMail。,Request.Form(txtName)代表前一个网页txtName的字段数据内容，Request(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和QueryString.txtName。,最后将将设置好的QueryString变量，拖动到到预先设计好的表格字段里即可。,4.8 Response对象与服务器端响应,4.8.1 Response,对象成员,4.8.2,输出数据至网页,4.8.3,网页转向,4.8.2 输出数据至网页,Responses对象最主要的功能是将指定的信息输出至网页，响应给客户端浏览器，方法Write用来达到这个目的，例如用户可以编写以下的程序代码，将一段指定的字符串输出在网页上：,Response.Write(测试Response对象!),Write在ASP网页中使用相当频繁，甚至构成网页的HTML标签都可以利用这个方法作输出，网页会直接呈现HTML的显示效果。,4.8.3 网页转向,Response对象另外一个常用的方法为Redirect，该方法接受一个指向特定路径的URL字符串参数，命令浏览器转向这个参数所指定的网页，使用的方式如下：,Response.Redirect(URLString),URLString代表一个指向特定网页的URL，当网页执行到这一段程序代码时，浏览器会重新加载指定的新网页。,