AJAX--XMLHttpRequest对象

发布时间 2023-07-29 17:22:27作者: 洛小依ovo

一、了解

XMLHttpRequest对象是AJAX的核心对象,发送对象以及接收服务器数据的返回

XMLHttpRequest对象浏览器都内置了该对象,直接使用

二、XMLHttpRequest对象的方法和属性

1、创建XMLHttpRequest对象

var xhr = new XMLHttpRequest()

2、XMLHttpRequest对象的方法

方法 描述
      abort()   取消当前请求
  getAllResponseHeaders()   返回头部信息
  getResponseHeader()   返回特定的头部信息
  open(method,url,async,user,psw)   规定请求,method:请求类型GET或POST,url:文件位置,async:true异步;false同步,user:可选的用户名,psw:可选的密码
  send()   将请求发送到服务器,用于GET请求
  send(string)   将请求发送到服务器,用于POST请求
  setRequestHeader()   向要发送的报头添加标签/值对

 

3、XMLHttpRequest对象的属性

       属性   描述
  onreadystatechange   定义当readyState属性发生变化时被调用的函数
  readyState   保存XMLHttpRequest的状态。0:请求未初始化,1:服务器连接已建立,2:请求已收到,3:正在处理请求,4:请求已完成且响应已就绪
  responseText   以字符串返回响应数据
  responseXML   以XML数据返回响应数据
  status   返回请求的状态码,200:OK,403:Forbidden,404:Not Found
  statusText   返回状态文本,例如OK,Not Found

 

4、一些详解

  • XMLHttpRequest对象的readyState属性

当XMLHttpRequest对象的readyState属性的值变为4的时候,表示这个AJAX请求以及响应已经全部完成

  • XMLHttpRequest对象的onreadyStatechange属性

当readyState属性的值改变的时候就回调函数