封装Ajax中的get请求和post请求

1、1.封装Ajax中的get请求（五步走）

2、2.测试Ajax中的get请求是否可用？

测试结果：

3、3.

封装Ajax中的post请求

4、4.测试Ajax中的post请求是否可用？

测试结果：

5、5.设置期待的返回值类型

在Ajax开发中，返回的数据类型一共有三种：

text  文本类型的数据

xml   xml类型的数据

json   json类型的数据

问题：如何让我们的自定义框架也可以返回多种类型的数据呢？

答：我们可以为$.get与$.post函数专门定义一个参数如type，设置期待的返回值类型，一共有四种情况：

① 如果用户没有设置type参数，则默认返回text文本类型

② 如果用户设置text参数，则返回字符串类型的数据（xhr.responseText）

③ 如果用户设置xml参数，则返回xml类型的数据（xhr.responseXML）

④ 如果用户设置json参数，则返回json格式的数据eval(‘(‘+xhr.responseText+’)’)

详细代码：

$.get()方式封装：

6、6.$.post方式封装：

7、7.测试自定义Ajax中text、xml与json的可用性？

测试结果：

1）文本类型数据测试：

8、8.php代码

9、9.运行结果：

10、10.

xml格式的数据

11、11.php代码

12、12.运行结果：

13、13.json格式的数据

14、14.php代码

15、15.运行结果：