document.onreadystatechange

'document.onreadystatechange' 是JavaScript中一个事件，当文档的readyState属性的值发生变化时会被触发，表示文档的加载状态发生了改变。它包括了以下几种值："loading"(正在加载)，"interactive"(已经完成解析，正在加载资源)，"complete"(所有资源都已经加载完成)。通过绑定这个事件，可以在特定时刻执行一些需要在文档完成加载后才能执行的操作。

相关问题

document.readyState

document.readyState是一个表示文档加载状态的属性。它有三个可能的值：loading、interactive和complete。\[1\]loading表示文档正在加载中，interactive表示文档已经完成加载并且可以访问DOM元素，complete表示页面已经完全加载完成。\[1\]通过使用document.readyState和document.onreadystatechange，可以模拟出jquery ready和window.onload的效果。DOM Ready事件在DOM文档结构准备完毕后触发，即在资源加载前触发。而window.onload事件在页面上所有资源都加载完成后触发。\[2\]可以通过监听document.onreadystatechange事件，当document.readyState为complete时执行相应的操作。\[3\]
#### 引用[.reference_title]
- *1* *2* [[转载]document.readyState](https://blog.csdn.net/qq_30682027/article/details/83858542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [document.readyState等属性](https://blog.csdn.net/hsany330/article/details/10415953)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

Uncaught ReferenceError: responseData is not defined at xhr.onreadystatechange

这个错误通常发生在尝试访问未定义的变量或对象时。在这个例子中，错误提示的是 `responseData` 未定义，说明在代码中尝试使用 `responseData` 变量，但是该变量并未被定义或声明。

在处理 AJAX 响应时，你需要在回调函数中定义变量 `responseData`，并将其赋值为从服务器返回的响应数据。例如：

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var responseData = JSON.parse(xhr.responseText);
      document.getElementById('c_gprice').innerHTML = responseData.priceInfo;
    } else {
      console.log('请求失败: ' + xhr.status);
    }
  }
};

在这个例子中，`responseData` 是在回调函数中定义的变量，它被赋值为从服务器返回的 JSON 数据经过 `JSON.parse()` 解析后得到的 JavaScript 对象。在后续的代码中，我们使用 `responseData` 变量来访问服务器返回的数据，并将其更新到页面上。

请注意，在回调函数外部访问 `responseData` 变量是不可能的，因为它是在回调函数内部定义的局部变量。因此，如果你需要在回调函数外部访问 `responseData` 变量，你需要将其定义为全局变量或将其传递给其他函数。