Javascript 为什么.innerHTML在xmlhttp.open（）和.send（）之前发生了更改？_Javascript_Ajax_Xmlhttprequest

Javascript 为什么.innerHTML在xmlhttp.open（）和.send（）之前发生了更改？

javascript ajax

Javascript 为什么.innerHTML在xmlhttp.open（）和.send（）之前发生了更改？,javascript,ajax,xmlhttprequest,Javascript,Ajax,Xmlhttprequest,我正在学习使用xmlhttprequest/AJAX。在这段w3schools的示例代码中，我不明白为什么会出现这一行： document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 在此之前： xmlhttp.open("GET","demo_get.asp",true); xmlhttp.send(); 按照我的想法，你应该在得到任何响应文本之前发送GET请求。我理解上的错误在哪里 <html> <

我正在学习使用xmlhttprequest/AJAX。在这段w3schools的示例代码中，我不明白为什么会出现这一行：

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

在此之前：

 xmlhttp.open("GET","demo_get.asp",true);
 xmlhttp.send();

按照我的想法，你应该在得到任何响应文本之前发送GET请求。我理解上的错误在哪里

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();
}
</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Request data</button>
<div id="myDiv"></div>

</body>
</html>


函数loadXMLDoc（）
{
var-xmlhttp；
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
document.getElementById（“myDiv”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”，“demo_GET.asp”，true）；
xmlhttp.send（）；
}
AJAX
请求数据

该行位于

xmlhttp.onreadystatechange

的内部，这是一个函数。请注意如何使用它：

xmlhttp.onreadystatechange = function ()
{
    ...
}

在本例中，它是一个回调函数，在ajax请求（aka

xmlhttp.send（）

）完成时调用

在深入研究ajax之前，您可能需要先温习一下javascript。

这行代码在

xmlhttp.onreadystatechange

中，这是一个函数。请注意如何使用它：

xmlhttp.onreadystatechange = function ()
{
    ...
}

在本例中，它是一个回调函数，在ajax请求（aka

xmlhttp.send（）

）完成时调用

在深入研究ajax之前，您可能想先温习一下javascript。

事实并非如此。考虑这个代码：

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

它不执行函数内部的代码，只创建函数并将其分配给属性。当状态更改时，XMLHTTP对象将执行该函数，它将捕获表示响应已到达的状态更改。

它没有。考虑这个代码：

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

它不执行函数内部的代码，只创建函数并将其分配给属性。当状态发生变化时，XMLHTTP对象将执行该函数，它将捕获表示响应已到达的状态变化。

您刚刚发现AJAX word的异步部分：-）
即使稍后调用
.send（）
方法，调用
innerHTML
也会更早
这是怎么回事
因为AJAX调用是异步的。因此，这与在PHP中进行数据库调用不同：您进行调用，等待结果，然后使用它。没有
在JS中，对于AJAX调用，您定义了一个回调函数。这是一个在响应到达后将被调用的函数
对于XMLHttpRequest对象，响应返回时触发的是
onreadystatechange
事件。如果在此事件中注册函数，则在响应返回时将调用此函数

注意：
onreadystatechange
中的函数在响应返回后不会被触发，但这只是为了解释。要知道何时触发此事件，请查看。
您刚刚发现AJAX word的异步部分：-）
即使稍后调用
.send（）
方法，调用
innerHTML
也会更早
这是怎么回事
因为AJAX调用是异步的。因此，这与在PHP中进行数据库调用不同：您进行调用，等待结果，然后使用它。没有
在JS中，对于AJAX调用，您定义了一个回调函数。这是一个在响应到达后将被调用的函数
对于XMLHttpRequest对象，响应返回时触发的是
onreadystatechange
事件。如果在此事件中注册函数，则在响应返回时将调用此函数

注意：
onreadystatechange
中的函数在响应返回后不会被触发，但这只是为了解释。要知道何时触发此事件，请查看。
我边走边学：）鉴于当前的学校和研究需求，我几乎没有选择。“它在ajax请求完成时调用”->不完全是：-）它在每次状态更改时都会被触发。状态列表：我边走边学习：）考虑到当前学校和研究的需求，我几乎没有选择。“当ajax请求完成时调用”->不完全是：-）每次状态改变时都会触发它。国家名单：