Ajax中返回数据的格式

Posted 2020-10-02

 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地址
Data(可选)	对象	发送至服务器的key/value
Callback（可选）	回调函数	请求完成时，调用的回调函数

 

示例：

Load.html  用来被加载的文档

 

Test.html

 

 

通过load方法向服务器发送数据

在load方法里面，默认如果是没有向服务器提交数据，则是get方式提交，如果有向服务器提交数据，则是post方式

 

示例：用load()方法改写表单验证案例

 www.yszx11.cn

 

Get()：指明提交至服务器的方式为GET

Post()：指明提交至服务器的方式为POST

Ajax()：Ajax()方法是最底层的方法，也就是说，上面的方法都是从Ajax()方法衍生的，上面方法能够实现的功能，Ajax()都能实现