Ajax返回数据格式Ajax中返回数据的格式
Ajax中常见的返回数据的格式有三种:分别为⽂本,XML和JSON
返回的⽂本格式我们在上⼀堂课Ajax基础介绍中已经介绍过了
Ajax.php
Form.html:通过Ajax对象的responseText属性就可以获取到返回的⽂本信息
XML格式
XML⽂件具有的⼏⼤特点:
1. 标签没有预定义,开发者根据⾃⼰的需求发明标签
2. 结构清晰,具有⾃我描述性。从XML⽂档就可以看出数据的内容
3. 都是双标签
4. 和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地址jquery实现ajax
Data(可选)对象发送⾄服务器的key/value
Callback(可
回调函数请求完成时,调⽤的回调函数
选)
⽰例:
Load.html ⽤来被加载的⽂档
Test.html
通过load⽅法向服务器发送数据
在load⽅法⾥⾯,默认如果是没有向服务器提交数据,则是get⽅式提交,如果有向服务器提交数据,则是post⽅式
⽰例:⽤load()⽅法改写表单验证案例
Get():指明提交⾄服务器的⽅式为GET
Post():指明提交⾄服务器的⽅式为POST
Ajax():Ajax()⽅法是最底层的⽅法,也就是说,上⾯的⽅法都是从Ajax()⽅法衍⽣的,上⾯⽅法能够实现的功能,Ajax()都能实现
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论