Ajax

在这里插入图片描述
在这里插入图片描述

postRequest函数中参数分别代表的含义:

data代表向后台发送要请求什么数据;

type代表的请求方式 请求方式有两种“get”,”post”;

url代表文件的地址

isAsyn代表是同步还是异步

callback代表回调函数,等数据请求完毕,然后执行这个函数
在这里插入图片描述
这是刚开始忙活了一半天的createXhr()对象函数
在这里插入图片描述
监听数据的变化,一旦status状态吗发送正常且成功,就用readyState属性 等于4的时候,来用responseText接受数据,之后用回调函数来处理数据渲染到页面;注意:为什么说必须在open()之前指定onreadystatechange事件?因为onchangestatechang事件只有在open()之前调才能确保跨浏览器兼容性。Onreadystatechage事件处理程序中使用了xhr对象,没有使用this对象,原因是onreadystatechange事件处理程序的的作用域问题,如果使用this对象,在有的浏览器中使用会导致函数执行失败,或者导致错误发生。因此,使用实际的xhr对象实例变量是较为可靠的一种方式。

在这里插入图片描述
用if语句来区分type是get还是post,因为get和post的传参格式是不同的
在这里插入图片描述
初始化通信open里面的参数同上
在这里插入图片描述发送请求send里面的参数同上,既要作为请求主体发送的数据,如果不需要通过请求主题发送数据,则必须传入null,因为这个参数对有些浏览器来说是必须的

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

故事只若初见

坚持就是胜利

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值