河南中医药大学：《PHP程序设计》课程教学资源（实验指导）16.实验十六：PHP与AJAX[2018]

《PHP动态网站开发》实验指导/实验十六:PHP与AJAX 《PHP动态网站开发》实验指导 实验十六:PHP与AJAX 实验目的(5分) 1、掌握AJAX的工作原理; 2、掌握PHP中实现AJAX的过程和方法 3、掌握AJAX制作无刷新交互页面 二、实验环境(5分) 1、 Windows XP/Windows7操作系统的计算机; 2、局域网网络环境,并且使用固定IP地址 、实验要求(5分) 1、完成成绩的显示; 2、完成 Simple XMLElement对象的创建 3、完成访问特定的元素和属性 4、添加XML元素和属性 、实验原理(5分) 1、AJAX的工作原理 2、AJAX初始化的方法; 3、PHP与AJAX的交互方法 五、实验步骤(40分) 1、使用get方法完成成绩的显示 (1)输入学号,课程名显示成绩,如图16-1、16-2所示。 课程名 图16-1成绩查询页面 结果 (2)完成下述任务。 任务一:根据上述图编写代码,实现成绩的查询(20分) 要求 请将主要代码填写到实验报告册中。 2、使用post方法完成姓名的添加 (1)输入学号,判断学号在数据库中有没有存在,如果存在提示“学号已存在”,如果不存在 点击添加按钮,将学号添加到数据库中,如图16-3所示。 管理科学与工程学科/共2页第1页

《PHP 动态网站开发》实验指导 / 实验十六：PHP 与 AJAX 管理科学与工程学科 / 共 2 页,第 1 页 《PHP 动态网站开发》实验指导 实验十六：PHP 与 AJAX 一、实验目的（5 分） 1、掌握 AJAX 的工作原理； 2、掌握 PHP 中实现 AJAX 的过程和方法； 3、掌握 AJAX 制作无刷新交互页面。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成成绩的显示； 2、完成 SimpleXMLElement 对象的创建； 3、完成访问特定的元素和属性； 4、添加 XML 元素和属性。 四、实验原理（5 分） 1、AJAX 的工作原理； 2、AJAX 初始化的方法； 3、PHP 与 AJAX 的交互方法。 五、实验步骤（40 分） 1、使用 get 方法完成成绩的显示 （1）输入学号，课程名显示成绩，如图 16-1、16-2 所示。 图 16-1 成绩查询页面 图 16-2 运行结果 （2）完成下述任务。 任务一：根据上述图编写代码，实现成绩的查询（20 分）。 要求： 请将主要代码填写到实验报告册中。 2、使用 post 方法完成姓名的添加 （1）输入学号，判断学号在数据库中有没有存在，如果存在提示“学号已存在”，如果不存在， 点击添加按钮，将学号添加到数据库中，如图 16-3 所示

《PHP动态网站开发》实验指导/实验十六:PHP与AJAX 学号 081101 姓名 张建 性别 ⊙男○女 添加 学号已存在 图16-3学号的添加 (2)完成下述任务 任务一:编写代码,实现学号的检测;(10分) 任务二:编写代码,实现学号的添加。(10分) 要求: 请将主要代码填写到实验报告册中 六、自主实验(20分) 1、通过选择下拉列表中的专业,显示该专业的学生的学号 (1)编写程序,实现如下图所示的功能 计算机 2016181001 2016181002 图16-4下拉列表专业的显示 (2)完成下述任务。 任务一:编写代码实现上述中要求(20分)。 要求 请将主要代码填写到实验报告册中 七、思考与问答(20分) 1、编写代码,实现Ajax的初始化?(5分) 、Ajax的工作原理?(5分) 3、Ajax技术体系的组成部分有哪些?(5分) 4、 XmlhTtprequEst对象的常用方法和属性?(5分) 管理科学与工程学科/共2页第2页

《PHP 动态网站开发》实验指导 / 实验十六：PHP 与 AJAX 管理科学与工程学科 / 共 2 页,第 2 页 图 16-3 学号的添加 （2）完成下述任务。 任务一：编写代码，实现学号的检测；（10 分） 任务二：编写代码，实现学号的添加。（10 分） 要求： 请将主要代码填写到实验报告册中。 六、自主实验（20 分） 1、通过选择下拉列表中的专业，显示该专业的学生的学号。 （1）编写程序，实现如下图所示的功能。 图 16-4 下拉列表专业的显示 （2）完成下述任务。 任务一：编写代码实现上述中要求（20 分）。 要求： 请将主要代码填写到实验报告册中。 七、思考与问答（20 分） 1、编写代码，实现 Ajax 的初始化？（5 分） 2、Ajax 的工作原理？（5 分） 3、Ajax 技术体系的组成部分有哪些？（5 分） 4、XMLHttpRequest 对象的常用方法和属性？（5 分）