对 ajax 的困惑

Confusion about ajax

本文关键字:ajax      更新时间:2023-09-26

有一种方法可以使用ajax发送或获取请求,它允许在不重新加载页面的情况下发送数据,就像一切都发生在幕后一样,我找到了一个脚本来做到这一点,但是AER中的一些功能令人困惑,任何人都可以解释我它们是什么以及我们为什么要使用这些函数

data.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
data.onreadystatechange = function () {
    if(data.readystate == 4 && data.status == 200) {
        data.return_data = data.responseText;
        document.getElementById("response").innerHTML = return_data;
    }
}

data.setRequestHeader 这个函数有什么用,为什么我们使用它onready状态对此进行更改相同,并且不了解为什么使用条件

帮助将不胜感激

您正在使用 XMLHttpRequest 来发送/获取数据。

函数 setRequestHeader 用于在将请求发送到服务器之前设置标头参数的值。

条件if(data.readystate == 4 && data.status == 200)用于检查请求的状态和状态。通过使用 if 条件,您可以验证请求是否成功,并在成功后采取必要的操作。以下是可能的状态和状态列表。

带有说明的可能状态

  • 0 请求未初始化
  • 1 请求已设置
  • 2 请求已发送
  • 3 请求正在处理中
  • 4 请求已完成

要查看所有可能的状态代码列表,请参阅 developer.mozilla.org