Ajax中返回数据的格式
Ajax中常见的返回数据的格式有三种：分别为文本，XML和JSON
返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了
Ajax.php
Form.html:通过Ajax对象的responseText属性就可以获取到返回的文本信息
XML格式
XML文件具有的几大特点：
- 标签没有预定义，开发者根据自己的需求发明标签
- 结构清晰，具有自我描述性。从XML文档就可以看出数据的内容
- 都是双标签
- 和HTML相似，同样也具有树结构
XML文件示例
Ajax返回XML示例
核心代码：
需要将MIME类型修改为text/xml
返回数据应该返回XML 标签
接受Ajax返回的XML数据并且进行处理
详细代码参见【Ajax返回XML数据格式】
JSON格式
在JavaScript中，有一种简单的申明对象的方式为：
“{属性名：属性值，属性名：属性值}”
例如：
var i= {“username”:”xiejie”,”age”:18}
由于JSON格式相比XML更小，传输更快，所以现在Ajax返回json数据格式的情况更多
Ajax返回JSON格式示例：
Ajax.php 需要将返回的数据格式修改为json数据格式
Form.html也需要修改
JQuery与Ajax的应用
在JQuery里面对Ajax进行了封装。单独给出了一些方法，load(),get(),post(),ajax()
Load()方法：是JQuery中最为简单的方法
该函数接收3个参数（url，data，callback）
|
参数类型 |
类型 |
说明 |
|
url |
字符串 |
请求的url地址 |
|
Data(可选) |
对象 |
发送至服务器的key/value |
|
Callback（可选） |
回调函数 |
请求完成时，调用的回调函数 |
示例：
Load.html 用来被加载的文档
Test.html
通过load方法向服务器发送数据
在load方法里面，默认如果是没有向服务器提交数据，则是get方式提交，如果有向服务器提交数据，则是post方式
示例：用load()方法改写表单验证案例
Get()：指明提交至服务器的方式为GET
Post()：指明提交至服务器的方式为POST
Ajax()：Ajax()方法是最底层的方法，也就是说，上面的方法都是从Ajax()方法衍生的，上面方法能够实现的功能，Ajax()都能实现