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

 时间:2026-02-12 17:00:49

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请求

  • Ajax中的post请求
  • Ajax技术中的post
  • Ajax对象下的属性和方法和Ajax中的get请求方法
  • Ajax局部刷新的步骤(post)提交
  • post请求转为mqtt的方法
  • 热门搜索
    昂刺鱼汤的做法 卤肉做法 软炸虾仁的做法 携号转网怎么办理 螃蟹粥的做法 豆腐皮的做法 马卡龙的做法 煲仔饭的做法 拌面酱的做法 草莓怎么种