# 1、什么是XML
XML(eXtensible Markup Language):可扩展标记语言
用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。
xml也是一种标记(标签)语言,它的侧重点是描述数据,而相似的HTML主要用于展示数据。
> 标签特点:
* XML标签可以自己定义
* HTML标签固定
> 意义:
* XML用于存储数据,用浏览器打开没有特殊效果,就是一个树状结构
* HTML用于展示数据,每个标签都有各自的样式。
# 2、XML的作用
在web开发领域,XML的作用主要是:
* 存储数据,充当小型数据库;
* 当做配置文件;
* 当做两种编程语言交互数据的中间媒介,类似JSON。
# 3、编写一个XML文件
XML也是标签语言,标签可以自定义,但XML的语法更加严格。在编写XML文件的时候,要注意下面几点:
文档声明:<?xml version='1.0' encoding='utf-8'?>,必须有的,写到开头。
```
标签必须闭合,即使是单标记标签,如<age />
```
* 属性必须加引号
* 区分大小写
* 文档有且只有一个根标签
![](https://img.kancloud.cn/31/4d/314d7ddd0c7d7f51955441904b514273_480x319.png)
![](https://img.kancloud.cn/51/52/5152705ca08a22a1934c4fabf29db86c_501x414.png)
# 4、服务器返回XML格式的数据
创建05xml.html:发送ajax请求到05xml.php。
![](https://img.kancloud.cn/41/43/414302a6db2ae635b61a05118b4c8192_682x508.png)
PHP代码,必须要指定header,读取xml直接返回即可。
![](https://img.kancloud.cn/25/af/25af0a7b3497a1da3ef1388bf39685a6_459x191.png)
浏览器访问05xml.html文件,查看到的结果:
![](https://img.kancloud.cn/61/9c/619c4c25e9867e3b84169c8375fe29c6_382x295.png)
# 5、浏览器端处理XML格式的数据
返回的结果可以当做document对象里使用。也就是说,可以调用getEle….系列方法,DOM中曾经学习过的大部分方法都可以使用。简而言之,就是可以把返回的结果当做一个HTML文档来处理。
![](https://img.kancloud.cn/5e/a7/5ea7dd9e32528438c60c5344402ea717_1105x421.png)
- 第一天
- 一、学习目标
- 二、关于JavaScript
- 三、JS语法基础
- 四、变量
- 五、常量
- 六、运算符
- 七、数组
- 八、对象
- 九、数据类型
- 第二天
- 一、昨日复习
- 二、今日目标
- 三、数据类型转换
- 四、流程控制
- 五、函数基础
- 六、作用域
- 七、标准库(内置对象)
- 八、总结
- 第三天
- 一、昨日复习
- 二、今日目标
- 三、DOM介绍
- 四、元素(标签)节点查询操作
- 五、元素(标签)节点增删改操作
- 六、设置/获取元素的css样式
- 七、事件和事件对象
- 八、键盘keyCode对照表
- 第四天
- 一、昨日复习
- 二、今日目标
- 三、DOM之属性节点操作
- 四、DOM对象的通用属性
- 五、DOM获取元素的位置
- 六、事件绑定与移除
- 七、事件对象相关属性和方法使用
- 八、案例--可编辑的表格
- 第五天
- 一、今日目标
- 二、执行流程
- 三、定时器
- 四、闭包
- 五、案例
- 第六天
- 一、昨日回顾
- 二、今日目标
- 三、正则表达式概述
- 四、入门案例
- 五、正则语法
- 六、分组/捕获和反向引用
- 七、匹配中文(utf-8编码)
- 八、环视(断言/零宽断言/正向预测/负向预测)
- 九、正则对象的属性和方法
- 十、支持正则表达式的 String 对象的方法
- 十一、案例
- 十二、PHP中的正则表达式
- 第七天
- 一、昨日回顾
- 二、正则案例
- 三、PHP中的正则表达式
- 四、正则练习
- 五、仿淘宝评分小星星
- 六、标签页效果
- 七、横向下拉菜单
- 第八天
- 一、今日目标
- 二、面向对象编程
- 三、定义对象
- 四、对象相关操作
- 五、对象在内存中的存在形式
- 六、原型对象(关键)
- 七、定义对象进阶
- 八、函数进阶
- 第九天
- 一、昨日回顾
- 二、今日目标
- 三、Object
- 四、继承
- 五、this指向总结
- 六、案例(贪吃蛇)
- 第十天
- 一、今日目标
- 二、Ajax概述
- 三、工作原理
- 四、XMLHttpRequest对象介绍
- 五、使用Ajax的步骤
- 六、细节问题
- 七、JSON
- 八、Ajax中,服务器返回json格式的数据
- 九、案例--省市县三级联动
- 第十一天
- 一、昨日回顾
- 二、今日目标
- 三、完成省市县三级联动
- 四、优化省市县三级联动
- 五、服务器返回XML格式的数据
- 六、FormData对象
- 七、跨域请求
- 八、实现跨域请求
- 第十二天
- 一、Ajax回顾
- 二、今日目标
- 三、jQuery概述
- 四、快速入门
- 五、可编辑的表格
- 六、纵向导航菜单
- 七、横向导航菜单
- 八、标签页效果
- 第十三天
- 一、学习目标
- 二、杂项
- 三、jQuery中的事件
- 四、jQuery封装的Ajax
- 五、案例 -- 无刷新的分页
- 第十四天
- 一、昨日回顾
- 二、效果
- 三、跨域请求
- 四、文档操作
- 五、插件编写
- 六、自定义插件
- 七、第三方插件