2024年1月25日发(作者:)

06.10.23

科目:《ASP动态网页制作》

授课章节:第五章第一节

授课内容:request对象的form方法和querystring方法

授课类型:多媒体授课

教学方法:讲授法、演示法、练习法、读书指导法、个别辅导法

教具:计算机、投影仪、话筒

授课班级:计算机三年级(5)班

授课地点:计算机7室

授课时间:2006.10.23

授课课时:两个课时

授课老师:

指导老师:

5-1 request对象

【教学目标】

1、掌握ASP内建的Request对象获取客户端信息的方法(Form / Querystring)

2、运用request对象提供的方法进行一些简单的编程

【教学重难点分析】

Request对象是学生开始学习动态网页制作的基础,掌握了的用法,那么后面的内容的学习就容易多了,所以把作为学习的重点和难点。

【学生情况分析】

学生已经学过了HTML网页制作的基础知识,学过了VBSCRIPT程序与网页制作,有了学习动态网页的基础。

【教学内容分析】

request对象的form方法和querystring方法是两种不同的获取客户端信息的方法,表单内容传送给服务器的方法不同,要求用不同的获取表单内容的方法,但是这两种方法的输出结果是一样的,光从代码很难明白两者在获取表单信息的不同之处,所以要从实例中让学生理解。

【教学手段及策略】

运用多媒体授课,演示实例,将实例直观展示在学生前面,让学生模仿代码,在模仿中掌握代码,最后自己完成代码

【教学过程设计】

(一) 引入

1、 回顾:前面我们已经学过了html标记和vbscript脚本语言,html标记页可以直接在

2、 提问

①什么是ASP?

②什么时IIS?

③什么是动态呢?展示实例(实例代码见附一)

④什么是对象呢?

对象是由具有属性、方法及事件三要素所组合而成的东西。现实生活中对象无处不在,比如手机、书、计算机都可视为对象。

对象必须具有以下三个性质:

具有属性可以描述

06.10.23

具有方法可以使用

具有事件可以产生行为

如手机的对象特性:

属 性

天线

材质

颜色

重量

号码

电信

方 法

拨号

接听

拨号

挂断

事 件

电话响了

电话无信号

电话占线

语音通知

⑤ASP有几种对象模块呢?

⑥Request对象的作用:获得客户端信息。

⑦ASP内建的Request对象拥有几种获取客户端信息的方法?

(Form / Querystring / Cookies / Servervariables/ Clientcertificate)。

(二)5-1-1读取表单数据

(1)展示实例一(实例代码见附一)

(2)练习核心语句

(3)讲解演示代码

(4) 的语法:(element)[(indext) |.count]

(element):是请求表单中所有element值的数组

通过调用(element).count来确定参数中值的个数。

(5)运行修改代码,看效果。

①比较没有这个代码

会出现什么情况?

②改(代码见附一)为将会是什么结果呢?

(6)form集合将表单内容传递到服务器的方法:

(7)获取表单内容的方法:

在接收页(服务器端)使用方法来提取表单的元素的内容。

①演示代码(代码见附一)

方法具体获取表单内容的方法:通过这样的一句代码<%

=("hobby") %>实现的。这个句子将表单中所有命名为hobby的值提取出来,返回到浏览页中。

②小结:

在(代码见附一)代码中<%=变量%>,产生在浏览器上的输出,这种表达方式与使用 的作用基本相同。

(8)总结

方法的原理:

客户端用post方法提交表单内容

服务器端

客户端

服务器端用方法获取表单内容

发送端 接受端

(9)做练习一(见附三)

(三)5-1-2读取Querystring信息

(1)修改代码

让学生将自己完成练习代码中的post方法改成get方法,看看能不能运行。

06.10.23

将获取表单内容页面代码中的form 全部改成querystring

(2)form 方法与querystring方法的不同

不同:

① form表单数据传递如果用get方法,应该使用tring方法来读取传递的信息。如果用post方法,就应该用方法。

② querystring 集合的信息在http查询字符串(URL)中体现出来,由URL中问号(?)后的值指定。

(3)举例子讲明②不同之处(例子代码见附二)

① 操作:

将“读取表单数据页面”在浏览器中打开后的地址直接在浏览器中输入,则可以看到我们在表单中输入的结果。

③ 原因:

单击“提交”按钮,则浏览器会将读取表单数据页面(代码见附二)的地址发送到服务器端的(代码见附二)文件。querystring 集合实际上是检测客户端发送过来的URL地址,因此客户端页可以直接将带查询字符串的URL地址发送给服务器的asp文件,例如可以在HTML页面创建一个超连接:

href=“localhost/request/?hobby=%D3%F0%C3%AB%C7%F2&hobby=%D7%E3%C7%F2&B1=%B7%A2%CB%CD”提交表单内容>

④ 对比:

我们将中“读取表单数据页面”(代码见附一)的URL在浏览器中打开并不能得到我们刚刚填写的结果。

(4)小结

客户端的html 表单向服务器传递ASP文件时,表单提交的数据有两中发送方式:一种是get,一种是post,其区别在于HTML标签的method参数的值取get还是post。如果是用get 方法,则客户提交的表单数据并不是通过独立的数据包发送,而是作为URL地址的查询字符串字段参数,于所提交到的ASP文件的URL地址一并传送。所以服务器端者需要获取这些表单数据的值,就需要使用querystring集合从查询字符串种读取客户提交的数据。

注:查询字符串是指所提交到的ASP文件名之后的部分,以问号开始。

用图示如下:

客户端用post方法传递表单内容

服务器端

客户端

服务器端用方法获取表单内容

发送端 接受端

post方法::客户提交的表单数据,通过独立的数据包发送

客户端

客户端用get方法提交表单内容

服务器端用tring方法获取表单内容

服务器端

get方法:客户提交的表单数据,作为URL地址的查询字符串字段参数,于所提交到的ASP文件的URL地址一并传送。

发送端 接受端

(5)做练习二(见附四)

06.10.23

(四)讲解练习中碰到的问题

(五)提交练习

附:

一、5-1-1读取表单数据例题代码

表单页代码如下:

表单页

请填写你的爱好:

足球

乒乓球

“读取表单数据页面”代码如下,命名为

读取表单数据页面

你填写的爱好是:<% =("hobby") %>


用集合数组提取:

<%

for i =1 to ("hobby").count

("hobby")(i)&"

"

Next

%>


用form集合循环提取:

<%

for each i in ("hobby")

i &"

"

06.10.23

next

%>

二、5-1-2读取Querystring信息代码

表单页代码如下:

表单页

请填写你的爱好:

足球

乒乓球

读取表单数据页面代码如下,命名为

html>

读取表单数据页面

以下是您提交的数据:

你填写的爱好是:<% =tring("hobby") %>


用集合数组提取:

<%for i =1 to tring("hobby").count

tring("hobby")(i)&"

"

Next%>


用form集合循环提取:

<%for each i in tring("hobby")

i &"

"

next%>

06.10.23

三、练习一

参考例题代码,用方法完成以下简单的编程。

表单数据页面内容如下:

请输入您的名字:

朱银娟姓名:发送

清空

提示:

第一步:完成表单页

第二步:完成提取表单内容的页面

四、练习二

在练习一的基础上添加表单的内容,完成以下的题目调试成功之后,将代码该用tring方法实现。

表单页面内容如下:(查阅课本P22-24表单标记知识,参考例题代码)

请输入您的信息:

姓名:性别:

帅哥 美女

爱好电脑 旅游 运动 音乐 购物 艺术

请将自我介绍输入此区域自我介绍:

发送清空