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

2025-04-20 21:53:21

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

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

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

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

3、3.封装Ajax中的post请求

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

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

封装Ajax中的get请求和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()方式封装:

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

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

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

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

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

8、8.php代码

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

9、9.运行结果:

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

10、10.xml格式的数据

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

11、11.php代码

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

12、12.运行结果:

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

13、13.json格式的数据

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

14、14.php代码

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

15、15.运行结果:

封装Ajax中的get请求和post请求
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢