ajax原理

• 什么是ajax？用来做数据交互使用的

  • 原理：通过XmlHttpRequest对昂来想服务器发送有请求的，从而从服务器中获取数据，然后用js来操作Dom而更新页面
  • 简单来说：用于后台与服务器交换数据，这就能实现可以在不重新加载整个网页的情况下对网页的部分进行更新
  • ajax的核心：就是就是对象 XmlHttpRequest
  • 特点：异步加载，局部刷新
  • ajax给我们带来的好处：

  •       1.页面无刷新，在页面与服务器通信时，提高用户的体验
    

  • 注意：凡是涉及到ajax的访问，不能使用文件协议（以文件的方式访问）
  • */

  //1.创建XmlHttpRequest对象---->用于服务器交换数据的==>相当于创建http请求的对象
  var xhr = new XMLHttpRequest();
  //2.规定请求的类型get post， url地址，以及是否异步处理请求（布尔值）
  // open()–>相当于与服务器建一个特定端口的链接
  xhr.open(‘get’,’./text.txt’);
  //3.将请求发送到服务器，开始请求 send()
  xhr.send();
  //4.等待响应，–因为不知道服务器什么时候才能返回需要的响应，要采用事件的机制触发
  xhr.onreadystatechange = function () {
  console.log(1111);
  //这个不是在响应时触发，在状态改变时触发
  console.log(this.readyState);//2.3.4

   if (this.readyState == 4){
       console.log(this.responseText);
       document.getElementsByTagName("body")[0].innerHTML = this.responseText;
   }
  

  }