1、封装Ajax中的get请求(五步走)


2、测试Ajax中的get请求是否可用?测试结果:

3、封装Ajax中的post请求

4、测试Ajax中的post请求是否可用?测试结果:

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、$.post方式封装:

7、测试自定义Ajax中text、xml与json的可用性?测试结果:1)文本类型数据测试:

8、php代码

9、运行结果:

10、xml格式的数据

11、php代码

12、运行结果:

13、json格式的数据

14、php代码

15、运行结果:
