---
title: 03-Ajax传输json和XML
publish: true
---
## Ajax 传输 JSON
### JSON 的语法
JSON(JavaScript Object Notation)：是 ECMAScript 的子集。作用是进行数据的交换。语法更为简洁，网络传输、机器解析都更为迅速。
语法规则：
- 数据在键值对中
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
数据类型：
- 数字（整数或浮点数）
- 字符串（在双引号中）
- 逻辑值（true 或 false）
- 数组（在方括号中）
- 对象（在花括号中）
- null
示例：
```json
// 对象
{
"name":"fox",
"age":"18",
"sex":"true",
"car":null
}
// 数组
[
{
"name":"小小胡",
"age":"1"
},
{
"name":"小二胡",
"age":"2"
}
]
```
### JavaScript 中：json 字符串 <--> js 对象
基本上，所有的语言都有**将 json 字符串转化为该语言对象**的语法。
比如在 js 中：
- JSON.parse()：将 JSON 字符串转化为 js 对象。例如：
```javascript
// 将 JSON 字符串格式化为 js 对象
var jsObj = JSON.parse(ajax.responseText);
```
- JSON.stringify()：将 JS 对象转化为 JSON 字符串。例如：
```javascript
var Obj = {
name: 'fox',
age: 18,
skill: '撩妹',
};
console.log(Obj);
// 将 js 对象格式化为 JSON 字符串
var jsonStr = JSON.stringify(Obj);
```
### PHP 中：json 字符串 <--> js 对象
- **json_decode()**方法：将`json`字符串转化为变量。
- **json_encode()**方法：将变量转化为`json`字符串。
代码举例：
```php
";
// php数组
$arrayName = array('name' =>'littleFox' ,'age' => 13 );
// php对象 转化为 json字符串
print_r(json_encode($arrayName));
?>
```
输出结果：
```bash
stdClass Object ( [name] => itcast [age] => 54 [skill] => 歌神 )
{"name":"littleFox","age":13}
```
### ajax 请求解析 json（举例）
（1）Person.json:
```json
{
"name": "小强",
"skill": "砍树",
"friend": "老板"
}
```
（2）myJson.php：
```php
```
（3）getJson.html：
```html
Document
获取 json 数据
```
演示效果：
## Ajax 传输 XML
### XML 语法
XML（Extensible Markup Language）：可扩展标记语言。详细语法可以查看：[#](http://www.w3school.com.cn/xml/index.asp)。
**1、XML 声明：**
```xml
```
第一行的声明，指定了 XML 版本(1.0)以及使用的编码。
**2、自定义标签：**
XML 中没有默认的标签，所有的标签都是我们自己已定义的。例如：
```xml
```
XML 中没有单标签，都是双标签。
**3、根节点：**
XML 中必须要有一个根节点，所有的子节点都放置在根节点下。例如：
```xml
```
### XML 解析
因为 XML 就是标签，所以我们可以直接用**解析 Dom 元素**的方法解析 XML。
**解析过程：**
（1）html 部分：（包含 xml ）
```html
Document
fox
18
小花花
```
（2）解析 xml：
```html
```
### ajax 请求解析 xml（举例）
（1）get_xml.php：（里面包含了 xml 文件）
```php
```
上方代码解释：
- php 自带了 读取 xml 文件的方法。
- 在 php 中，如果要使用 xml 传输数据，则需要使用 header()设置返回的内容为 xml。
（2）get_xml.html：（Ajax 请求，获取并解析 xml）
```html
Document
```