Ajax

AJAX

异步javascript和xml
快速创建动态网页的技术
XMLHttpRequest用于后台与服务器交换数据 这意味着在不重新加载整个页面就可以重构整个页面

基本格式

<script>
    function loadXMLDoc() {
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = () => {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
        }
      }
      xmlhttp.open('GET', URL, true);
      xmlhttp.send();
    }
  </script>

服务器响应

onreadyStatechange事件

onreadystatechange 事件
当请求被发送到服务器时，我们需要执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性