新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

AJAX中onreadystatechange如何用

发布时间:2023-12-01 01:24:29

AJAX中onreadystatechange如何用

在AJAX中,onreadystatechange是一个事件处理函数,用于检测并处理要求状态的变化。当AJAX要求的readyState属性产生变化时,就会触发onreadystatechange事件。

下面是onreadystatechange的用法示例:

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.com/api/data", true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 要求成功,可以处理返回的数据
    var response = xhr.responseText;
    console.log(response);
  }
};

xhr.send();

在上面的示例中,首先创建了一个XMLHttpRequest对象,并使用open方法指定了要求的类型、URL和是否是异步。

然后,通过设置onreadystatechange事件处理函数,当readyState属性产生变化时就会履行该函数。在函数中,我们检查readyState是否是为4(表示要求完成)和status是否是为200(表示要求成功),如果满足条件,就能够处理返回的数据。在上述示例中,我们简单地将返回的数据打印到控制台上。

最后,调用send方法发送要求。

需要注意的是,onreadystatechange事件会在要求的区分阶段触发屡次,因此在处理函数中需要根据区分的readyState值进行相应的处理。