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()方法改写表单验证案例
www.yszx11.cn
Get():指明提交至服务器的方式为GET
Post():指明提交至服务器的方式为POST
Ajax():Ajax()方法是最底层的方法,也就是说,上面的方法都是从Ajax()方法衍生的,上面方法能够实现的功能,Ajax()都能实现