Ajax

AJAX

简介

全称为Asynchronous JavaScript And XML ，就是异步的JS和XML

无需刷新获取数据

Ajax的特点

优点

1. 可以无需刷新页面与服务器进行通信

2. 允许你根据用户事件来更新部分页面内容

缺点

1. 没有浏览历史

2. 存在跨域问题

3. SEO（搜索引擎优化）不友好

Ajax流程

1. 创建Ajax对象

2. 设置请求 发送请求的地址，发送请求的方式

3. 发送数据

4. 设置监听事件，监听后台是否返回数据

5. 处理数据

    

<script>
  // 1. 创建对象
  var xhr = new XMLHttpRequest();
  // 2. 设置请求方法和路径
  xhr.open("GET","http://127.0.0.1:80/demo/abc.txt");
  // 3. 发送数据
  xhr.send();
  // 4. 监听后台是否返回数据
  xhr.onresdystatechange = function(){
    if(xhr.status != 200&&xhr.readyState == 4){
      // 5. 处理数据
    }
  }
</script>