1. 实践目的

1. 能够简述Ajax的基本概念及开发步骤；

2. 能够使用Ajax进行TXT的同步和异步请求；

3. 能够编写XML文件，并使用Ajax进行XML数据请求和处理；

4. 能够编写JSON文件，并使用Ajax进行JSON数据请求和处理。

2. 实践内容

1. 实现“社会主义核心价值观”文本信息请求和显示；

2. 实现“英雄模范”XML信息请求和显示；

3. 实现“二级学院”JSON信息请求和显示。

3. 实践要求

【要求1】实现“社会主义核心价值观 ”文本信息请求和显示

具体要求如下：

1. 创建文本文档info.txt，并在其中输入“社会主义核心价值观 ”相关内容。

2. 在网页中添加提示信息、按钮以及用于显示文本信息的元素，如图所示。

3. 点击第一个按钮，使用Ajax发送异步请求，并将请求到的文本数据显示在网页中。

4. 点击第二个按钮，使用Ajax发送同步请求，并将请求到的文本数据显示在网页中。

【要求2】实现“英雄模范”XML信息请求和显示

具体要求如下：

1. 按照文本存储的形式编写一个XML文件，该文件用于存储任意一个英雄模范的信息，信息项不少于5条，如图1所示。

2. 按照属性存储的形式编写一个XML文件，该文件用于存储另外一个英雄模范的信息，信息项不少于5条，如图2所示。

3. 按照图3设计并实现HTML页面。

4. 点击页面上的按钮能够通过异步请求的方式获得两个XML数据信息，并显示在网页的对应位置。

【要求3】实现“二级学院”JSON信息请求和显示

具体要求如下：

1. 编写JSON文件用于存储学校二级学院的信息，包括学院名称、专业名称。

2. 网页加载完毕后自动请求并获取JSON数据信息，然后将学院信息加载到第一个下拉列表中，将第一个学院（默认）的专业信息加载到第二个下拉列表中。

3. 当改变学院之后，对应的专业信息也会随之修改，并在下拉列表下方显示选择的学院专业信息。

4. 当改变专业之后，下方显示的学院专业信息也会随之修改。