《《ASP动态网页制作》request对象的form方法和querystring方法》由会员分享，可在线阅读，更多相关《《ASP动态网页制作》request对象的form方法和querystring方法（6页珍藏版）》请在金锄头文库上搜索。
1、 06.10.23科目：ASP 动态网页制作 授课章节：第五章第一节 授课内容：request 对象的 form 方法和 querystring 方法 授课类型：多媒体授课 教学方法：讲授法、演示法、练习法、读书指导法、个别辅导法 教具：计算机、投影仪、话筒 授课班级：计算机三年级（5）班 授课地点：计算机 7 室 授课时间：2006.10.23 授课课时：两个课时 授课老师： 指导老师：5-1 request 对象对象【教学目标教学目标】 1、掌握 ASP 内建的 Request 对象获取客户端信息的方法（Form / Querystring） 2、运用 request 对象提供的方法进行一
2、些简单的编程 【教学重难点分析教学重难点分析】 Request 对象是学生开始学习动态网页制作的基础，掌握了 request.form 的用法，那么后 面的内容的学习就容易多了，所以把 request.form 作为学习的重点和难点。 【学生情况分析学生情况分析】 学生已经学过了 HTML 网页制作的基础知识，学过了 VBSCRIPT 程序与网页制作，有了 学习动态网页的基础。 【教学内容分析教学内容分析】request 对象的 form 方法和 querystring 方法是两种不同的获取客户端信息的方法，表单内 容传送给服务器的方法不同，要求用不同的获取表单内容的方法，但是这两种方法的输出
3、 结果是一样的，光从代码很难明白两者在获取表单信息的不同之处，所以要从实例中让学 生理解。 【教学手段及策略教学手段及策略】 运用多媒体授课，演示实例，将实例直观展示在学生前面，让学生模仿代码，在模仿中掌 握代码，最后自己完成代码 【教学过程设计教学过程设计】 （一）（一）引入引入 1、 回顾：前面我们已经学过了回顾：前面我们已经学过了 html 标记和标记和 vbscript 脚本语言，脚本语言，html 标记页可以直接在标记页可以直接在 2、 提问提问 什么是什么是 ASP? 什么时什么时 IIS? 什么是动态呢什么是动态呢？展示实例（实例代码见附一） 什么是对象呢？什么是对象呢？ 对象是
4、由具有属性、方法及事件三要素所组合而成的东西。现实生活中对象无处不在，比 如手机、书、计算机都可视为对象。 对象必须具有以下三个性质： 具有属性可以描述06.10.23具有方法可以使用 具有事件可以产生行为 如手机的对象特性：属 性方 法事 件天线拨号电话响了材质接听电话无信号颜色拨号电话占线重量挂断语音通知号码电信ASP 有几种对象模块呢？有几种对象模块呢？ Request 对象的作用对象的作用：获得客户端信息。 ASP 内建的内建的 Request 对象拥有几种获取客户端信息的方法？对象拥有几种获取客户端信息的方法？ （Form / Querystring / Cookies / Serv
5、ervariables/ Clientcertificate） 。 （二）（二）511 读取表单数据读取表单数据 （1）展示实例一（实例代码见附一）展示实例一（实例代码见附一） （2）练语句）练语句 （3）讲解演示代码）讲解演示代码 （4）Request.form 的语法的语法：Request.form（element）(indext) |.count Request.form（element）：是请求表单中所有 element 值的数组 通过调用 Request.form（element）.count 来确定参数中值的个数。 （5）运行修改代码，看效果。）运行修改代码，看效果。 比较没有这个
6、代码 会出现什么情况？ 改 5-1-1.asp（代码见附一）为 5-2-1.asp 将会是什么结果呢？ （6）form 集合将表单内容传递到服务器的方法：集合将表单内容传递到服务器的方法： （7）Request.form 获取表单内容的方法：获取表单内容的方法： 在接收页（服务器端）使用 request.form 方法来提取表单的元素的内容。 演示代码演示代码 5-1-1.asp（代码见附一）（代码见附一） Request.form 方法具体获取表单内容的方法：通过这样的一句代码实现的。这个句子将表单中所有命名为 hobby 的值提取出 来，返回到浏览页中。 小结小结： 在 5-1-1.asp
7、（代码见附一）代码中，产生在浏览器上的输出，这种表达 方式与使用 response.write 的作用基本相同。 （8）总结）总结 Request.form 方法的原理：方法的原理：客户端用 post 方法提交表单内容服务器端用 request.form 方法获取表单内容发送端发送端 接受端接受端 （9）做练习一（见附三）做练习一（见附三） （三）（三）512 读取读取 Querystring 信息信息 （1）修改代码）修改代码 让学生将自己完成练习 request.form 代码中的 post 方法改成 get 方法，看看能不能运行。客户端服务器端06.10.23将获取表单内容页面代码中的
8、form 全部改成 querystring （2）form 方法与 querystring 方法的不同 不同： form 表单数据传递如果用 get 方法，应该使用 request.querystring 方法来读取传递的信 息。如果用 post 方法，就应该用 request.form 方法。 querystring 集合的信息在 http 查询字符串（URL）中体现出来，由 URL 中问号（？） 后的值指定。 （3）举例子讲明）举例子讲明不同之处（例子代码见附二）不同之处（例子代码见附二） 操作： 将“读取表单数据页面”在浏览器中打开后的地址直接在浏览器中输入，则可以看到我们 在表单中输入
9、的结果。 原因： 单击“提交”按钮，则浏览器会将读取表单数据页面（代码见附二）的地址发送到服务器 端的 5-1-2.asp（代码见附二）文件。querystring 集合实际上是检测客户端发送过来的 URL 地址，因此客户端页可以直接将带查询字符串的 URL 地址发送给服务器的 asp 文件，例如 可以在 HTML 页面创建一个超连接： 对比对比： 我们将 request.form 中“读取表单数据页面”（代码见附一）的 URL 在浏览器中打开并不能 得到我们刚刚填写的结果。 （4）小结）小结 客户端的 html 表单向服务器传递 ASP 文件时，表单提交的数据有两中发送方式：一种是 get，
10、一种是 post，其区别在于 HTML标签的 method 参数的值取 get 还是 post。如果 是用 get 方法，则客户提交的表单数据并不是通过独立的数据包发送，而是作为 URL 地址 的查询字符串字段参数，于所提交到的 ASP 文件的 URL 地址一并传送。所以服务器端者 需要获取这些表单数据的值，就需要使用 querystring 集合从查询字符串种读取客户提交的 数据。 注：查询字符串是指所提交到的 ASP 文件名之后的部分，以问号开始。 用图示如下：用图示如下：客户端用 post 方法传递表单内容服务器端用 request.form 方法获取表单内容发送端发送端 接受端接受端p
11、ost 方法:：客户提交的表单数据，通过独立的数据包发送客户端用 get 方法提交表单内容服务器端用 request.querystring 方法获取表单内容get 方法：客户提交的表单数据，作为 URL 地址的查询字符串字段参数，于所提交到的 ASP 文件的URL 地址一并传送。发送端发送端 接受端接受端 （5）做练习二（见附四）做练习二（见附四）客户端服务器端客户端服务器端06.10.23（四）讲解练习中碰到的问题（四）讲解练习中碰到的问题 （五）提交练习（五）提交练习附：附： 一、一、511 读取表单数据例题代码读取表单数据例题代码 表单页代码如下：表单页代码如下：表单页请填写你的爱好：
12、足球 乒乓球“读取表单数据页面读取表单数据页面”代码如下，命名为代码如下，命名为 5-1-1.asp读取表单数据页面你填写的爱好是： 用集合数组提取： “ Next %用 form 集合循环提取： “06.10.23next %二、二、512 读取读取 Querystring 信息代码信息代码 表单页代码如下：表单页代码如下：表单页请填写你的爱好：足球 乒乓球读取表单数据页面代码如下，命名为读取表单数据页面代码如下，命名为 5-1-2.asp html读取表单数据页面以下是您提交的数据: 你填写的爱好是： 用集合数组提取： “ Next%用 form 集合循环提取： “ next%06.10.
13、23三、练习一三、练习一 参考例题代码，用参考例题代码，用 request.forn 方法完成以下简单的编程。方法完成以下简单的编程。 表单数据页面内容如下：请输入您的名字：请输入您的名字：姓名：朱银娟发送清空提示： 第一步：完成表单页 第二步：完成提取表单内容的页面 四四、练习二 在练习一的基础上添加表单的内容，完成以下的题目调试成功之后，将代码该用 request.querystring 方法实现。表单页面内容如下：（查阅课本 P2224 表单标记知识，参考例题代码）请输入您的信息：请输入您的信息：姓名：姓名：性别：性别：帅哥帅哥 美女美女 爱好爱好电脑电脑 旅游旅游 运动运动 音乐音乐 购物购物 艺术艺术 自我介绍自我介绍: 请将自我介绍输入此区域发送清空
