《PHP动态网站设计（专）》项目七 动态商品展示文件.pdf

1、项目七动态商品展示PHP动态网站开发项目教程项目目标实现动态商品展示功能，如图7.1所示。（源代码：chapter7example*.*）图7.1 动态商品展示3相关知识项目实现内容导航客户端数据提交方法Form表单会话控制AJAX4客户端数据提交方法客户端浏览器的数据通常使用GET、POST和$-REQDEST方式提交到服务器。下面对操作方法分别进行介绍。1GET与URLGET方式指直接在URL中提供上传数据或者通过表单采用GET方式上传。GET方式上传的数据用户可以在浏览器地址栏中看到，所以涉及用户名、密码等私密数据时，使用GET方式并不合适。将表单的method属性设置为get时，表单各

2、个数据也将附加到URL中上传。直接在URL中上传数据的基本格式如下。51GET与URLURL之后用问号给出“参数名/参数值”，等号前后分别为参数名和参数值。“参数名/参数值”值之间用“&”符号分隔。可以同时上传多个参数，URL加参数的总长度受浏览器限制。例如：也可以在浏览器地址栏中直接输入该URL，或作为超级链接目标地址，均可将其提交给服务器。表单GET提交可允许用户在网页中输入数据提交，例如：61GET与URL表单中各个控件的name属性值将作为上传的参数名，用户输入的数据作为参数值。该表单在IE浏览器中显示结果如图所示。在用户名文本框中输入“admin”，密码框中输入“123”，单击 按钮

3、提交，生成的URL和前面的例子相同。GET方式提交的数据通常保存在PHP的全局变量$_GET中，每个参数名和参数值对应一个数组元素，参数名作为数组元素下标，参数值对应数组元素值。用$_GET参数名即可获得参数值。72POST与$_POST将表单的method属性设置为post时，浏览器采用POST方式向服务器提交数据。表单数据和URL中相同，仍为“参数名/参数值”，参数之间用“&”符号分隔。POST方式下，表单数据对用户不可见，也不会出现在URL中，数据封装在POST请求的HTTP消息主题之中。POST表单基本格式如下。POST方式提交的数据保存在PHP全局变量$_POST中，每个参数名和参数

4、值对应一个数组元素，参数名作为数组元素下标，参数值对应数组元素值。用$_POST 参数名即可获得参数值。提示：可使用GET和POST方式提交数据。在表单的action属性请求的URL中包含参数，如action=test1.php?data1=10&data2=2083$_REQUEST全局变量$_REQUEST默认情况下包含了$_GET、$_POST和$_COOKIE之中的数据。所以不管用GET还是POST，两种方式提交的参数均可用“$_ REQUEST 参数名”获得参数值。例7.1综合使用GET和POST方式提交数据。（源代码：chapter7test1.html、test1.php）tes

5、t1.html中的表单采用POST方式提交数据，同时在表单action属性中包含了GET方式提交的数据，代码如下。93$_REQUESTtest1.php用于接收数据，分别输出$_GET、$_POST和$_REQUEST数组数据，代码如下。103$_REQUESTtest1.html在IE浏览器中的显示结果如图所示。在文本框中输入admin后按【Enter】键或单击 按钮提交数据。test1.php处理结果如下图所示。可看到 按钮的值也上传到了服务器。11相关知识项目实现内容导航客户端数据提交方法Form表单会话控制AJAX12Form表单Form表单是通过各种表单控件与用户交互、接收数据。下

6、面对表单控件的相关知识进行介绍。1表单控件本节简单介绍各种表单控件。包括Text文本框、Password密码输入框、Hidden隐藏控件、TextArea文本域等。提示：大多数表单控件都有name和value属性。在对应的全局数组（$_GET、$_POST和$_REQUEST）中，name属性值作为数组元素键，value属性值作为元素值。如果未设置name属性，控件值不会被提交。131表单控件（1）Text文本框文本框接收用户输入，其常用属性type、name、value和size等。例如：（2）Password密码输入框密码输入框与文本框类似，区别在于密码文本框的输入被隐藏，用“*”代替显示

7、。使用示例如下：（3）Hidden隐藏控件隐藏控件不会在浏览器中，它用于向服务器提交隐藏的数据。例如：（4）TextArea文本域文本域也称多行文本框，其rows属性设置显示的行数，cols设置显示的列数。例如：141表单控件（5）Radio单选按钮Radio单选按钮用于从多个选项中选择一个。通常name属性相同的单选按钮组成一个组，一组中的多个选项只能选择一个，选中后该单选项的值被提交。checked属性设置为“checked”的选项默认选中。例如：（6）CheckBox复选框CheckBox复选框用于实现多选。被选中的复选框的值被提交，未选中的被忽略。例如：151表单控件（7）Select

8、下拉列表该下拉列表包含一组选项，选中项的值被上传。默认情况下，该下拉列表各个选项的value属性值即为显示的值。如果需要提交与显示不同的值，可在value属性中设置。使用示例如下。第1个选项显示的值为“C+程序员”，提交的值为“C+”。（8）Button按钮Button按钮通常用于在onclick事件中调用客户端脚本中定义的函数。该按钮的值不会被提交。例如：161表单控件（9）Hidden隐藏控件Hidden隐藏控件不会在浏览器中，它用于向服务器提交隐藏的数据。例如：（10）Submit提交按钮该提交按钮可将表单数据提交给表单action属性指定的URL。若设置了name属性，则其value值

9、也会提交。若不想提交value值，只需不设置name属性即可。例如：（11）Reset重置按钮重置按钮用于将表单中各个控件恢复到初始状态。例如：172表单控件综合实例本节通过一个综合实例说明表单控件的使用。例7.2综合使用表单控件设计用户注册页面，代码如下。（源代码：chapter7test2.php）182表单控件综合实例192表单控件综合实例202表单控件综合实例212表单控件综合实例222表单控件综合实例本例中表单实现和表单处理为同一个脚本文件test2.php。首次打开时，因为没有提交，所以没有POST数据可显示。在页面中提交数据后，页面下方显示输入的数据，如图所示。23相关知识项目实

10、现内容导航客户端数据提交方法Form表单会话控制AJAX24会话控制1使用CookieCookie通常是服务器发送给浏览器客户端的数据，存储于客户端。当用户访问服务时，Cookie数据随请求一起发回服务器。PHP完全支持HTTP Cookie，利用Cookie在客户端存储数据和跟踪识别用户。（1）在客户端创建Cookie创建Cookie使用setcookie()函数，其基本格式为251使用Cookie下面对各参数含义分别进行介绍。$name：Cookie变量名，字符串类型。$value：Cookie变量值，字符串类型。$expire：Cookie过期时间，整数类型。通常用time()获得当前时

11、间的秒数，再加上过期时间秒数来设置cookie过期时间。如time()+360可表示过期时间为6分钟。$expire默认值为0。当expire为0或未设置时，Cookie会在用户离开网站（关闭浏览器）时失效。$path：设置Cookie在哪些服务器路径中可用，字符串类型。默认情况下，Cookie只对当前目录中的网页有效。设置为“/”可对整个网站有效。setcookie()函数成功时返回TRUE，否则返回FALSE。创建的Cookie被发送到客户端保存。参数除$name外，均可省略。字符串类型参数可用空字符串表示省略该参数。$expire用0表示省略。例如：261使用Cookie（2）读取Coo

12、kie内容全局数组变量$_COOKIE中保存了Cookie变量。例如，下面的代码输出Cookie变量值。（3）删除Cookie删除Cookie有两种方法。一是使用setcookie()函数设置Cookie失效时间为到期时间。例如：二是在浏览器中删除Cookie。IE浏览器可在“Internet选项”设置中删除历史数据（含Cookie），即可删除Cookie。271使用Cookie例7.3使用Cookie保存用户登录状态。（源代码：chapter7test3.php、test3_2.php）test3.php首先检查$_COOKIE是否存在登录信息，若存在则显示欢迎信息，否则显示登录表单。第一个

13、访问test3.php或登录密码不正确时才显示登录表单。如果密码不正确，会在表单下方显示错误提示信息；如果登录密码正确，则创建Cookie存放用户名和登录成功标识。test3.php代码如下。281使用Cookie291使用Cookie301使用Cookietest3_2.php主要用于测试Cookie作用。脚本首先检查是否已成功登录，若已成功登录，显示欢迎信息，否则导航到登录页面。test3_2.php代码如下。311使用Cookie首次打开test3.php时，显示左图所示的登录表单。输入用户名和密码后，提交数据，调用脚本本身处理上传的数据。本例中只是通过测试密码是否为123456来判断登

14、录是否正确，在实际应用中，可实现更复杂的处理。若密码有误，表单下方显示错误提示信息，如右图所示。若登录密码正确，则自动跳转到test3_2.php，在页面中显示用户名和欢迎信息，如图所示。322使用SessionSession用于在服务器端以保存用户的“会话”状态。一位用户从访问网站的第一个网页开始到离开网站，可称为一个会话。PHP可为每个会话创建一个唯一的Session ID。Session ID可以在用户访问的网页之间传递，以识别会话。每个会话有一个对应的全局数组变量$_SESSION，可在其中保存会话的定制数据，如可保存用户登录状态，如果用户未登录，则自动导航到登录页面。与Cookie不

15、同，当用户离开网站时，其Session自动被删除。下面分别对PHP.INI文件中有关Session的主要设置进行介绍。session.save_path=D:php5sessions：PHP使用文件保存Session数据，该设置指定保存Session文件的路径。session.use_cookies=1：设置使用Cookie来传递Session ID。session.use_only_cookies=1：设置只使用Cookie来传递Session ID，禁止使用URL传递。session.auto_start=1：设置用户访问网站时自动启动Session。如果设置为0，则需要在用户访问的每个网

16、页中调用session_start()函数启动Session。332使用Session例7.4使用Session保存用户登录状态。（源代码：chapter7test4.php、test4_2.php）本例用Session来实现例7.3中的相同功能，区别只在用$_SESSION保存用户登录信息。test4.php实现登录表单，代码如下。342使用Session352使用Session362使用Sessiontest4_2.php代码如下。本例运行效果与例7.3完全相同。提示：在PHP中，Session ID通过Cookie或者URL参数进行传递。在使用Cookie方式时应特别注意：Cookie由浏览器控制，如果浏览器禁用了Cookie，则脚本中的Cookie操作将失效，基于Cookie的Session也会失效。37相关知识项目实现内容导航客户端数据提交方法Form表单会话控制AJAX38AJAXAJAX是Asynchronous JavaScript And XML的缩写，即异步JavaScript和XML。不使用AJAX，若要更新网页内容，必须重新从服务器加载整个网页；使用AJAX，可