关于ajax的困惑

时间:2016-04-26 06:42:39

标签: javascript jquery ajax

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

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这个函数的用途是什么以及为什么我们使用它 onreadystatechange同样为此而不理解为什么使用条件

帮助将受到高度赞赏

1 个答案:

答案 0 :(得分:1)

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

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

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

包含说明的可能状态

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

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