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也需要修改

 

 

JQueryAjax的应用

在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()都能实现