《PHP程序开发》实验指导/实验十二:PHP与AJAX 《PHP程序开发》实验指导 实验十二:PHP与AAX 实验目的(5分) 1、掌握AJAX的工作原理 2、掌握PHP中实现AJAX的过程和方法; 3、掌握AJAX制作无刷新交互页面。 二、实验环境(5分) 1、 Windows XP/windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址 、实验要求(5分) 1、完成成绩的显示 2、完成姓名的验证; 3、完成专业的显示。 四、实验原理(5分) 1、AJAX的工作原理 2、AJAX初始化的方法 3、PHP与AJAX的交互方法 五、实验步骤(40分) 1、使用get方法完成成绩的显示 (1)输入学号,课程名显示成绩,如图12-1、12-2所示 学号 课程名 成绩 图12-1成绩查询页面 : 181001课程名:my 图12-2运行结果 (2)完成下述任务 任务一:根据上述图编写代码,实现成绩的查询(20分) 要求 请将主要代码填写到实验报告册中 2、使用post方法完成姓名的添加 (1)输入学号,判断学号在数据库中有没有存在,如果存在提示“学号已存在”,如果不存在, 点击添加按钮,将学号添加到数据库中,如图12-3所示。 管理科学与工程学科/共2页第1页
《PHP 程序开发》实验指导 / 实验十二：PHP 与 AJAX 1 管理科学与工程学科 / 共 2页,第 1页 《PHP 程序开发》实验指导 实验十二：PHP 与 AJAX 一、实验目的（5 分） 1、掌握 AJAX 的工作原理； 2、掌握 PHP 中实现 AJAX 的过程和方法； 3、掌握 AJAX 制作无刷新交互页面。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成成绩的显示； 2、完成姓名的验证； 3、完成专业的显示。 四、实验原理（5 分） 1、AJAX 的工作原理； 2、AJAX 初始化的方法； 3、PHP 与 AJAX 的交互方法。 五、实验步骤（40 分） 1、使用 get 方法完成成绩的显示 （1）输入学号，课程名显示成绩，如图 12-1、12-2 所示。 图 12-1 成绩查询页面 图 12-2 运行结果 （2）完成下述任务。 任务一：根据上述图编写代码，实现成绩的查询（20 分）。 要求： 请将主要代码填写到实验报告册中。 2、使用 post 方法完成姓名的添加 （1）输入学号，判断学号在数据库中有没有存在，如果存在提示“学号已存在”，如果不存在， 点击添加按钮，将学号添加到数据库中，如图 12-3 所示
《PHP程序开发》实验指导/实验十二:PHP与AJAX 学号 081101 姓名:建 性别: ⊙男○女 添加 学号已存在 图123学号的添加 (2)完成下述任务。 任务一:编写代码,实现学号的检测;(10分) 任务二:编写代码,实现学号的添加。(10分) 要求 请将主要代码填写到实验报告册中 六、自主实验(20分) 1、通过选择下拉列表中的专业,显示该专业的学生的学号。 (1)编写程序,实现如下图所示的功能 计算 2016181001 2016181002 图124下拉列表专业的显示 2)完成下述任务。 任务一:编写代码实现上述中要求(20分) 要求 请将主要代码填写到实验报告册中 七、思考与问答(20分) 1、编写代码,实现Ajax的初始化?(5分) Ajax的工作原理?(5分) 3、Ajax技术体系的组成部分有哪些?(5分) 4、 XmlhTtprequEst对象的常用方法和属性?(5分) 管理科学与工程学科/共2页第2页
《PHP 程序开发》实验指导 / 实验十二：PHP 与 AJAX 2 管理科学与工程学科 / 共 2页,第 2页 图 12-3 学号的添加 （2）完成下述任务。 任务一：编写代码，实现学号的检测；（10 分） 任务二：编写代码，实现学号的添加。（10 分） 要求： 请将主要代码填写到实验报告册中。 六、自主实验（20 分） 1、通过选择下拉列表中的专业，显示该专业的学生的学号。 （1）编写程序，实现如下图所示的功能。 图 12-4 下拉列表专业的显示 （2）完成下述任务。 任务一：编写代码实现上述中要求（20 分）。 要求： 请将主要代码填写到实验报告册中。 七、思考与问答（20 分） 1、编写代码，实现 Ajax 的初始化？（5 分） 2、Ajax 的工作原理？（5 分） 3、Ajax 技术体系的组成部分有哪些？（5 分） 4、XMLHttpRequest 对象的常用方法和属性？（5 分）