ajax

1.ajax是什么？有什么作用？

ajax是Asynchronous Javascript and Xml的缩写，依赖于HTML、CSS、JavaScript，其中最核心的依赖是浏览器提供的XMLHttpRequest对象，XMLHttpRequest对象使得浏览器可以发出HTTP请求与接收HTTP响应。
作用：页面不刷新的情况下与服务端进行数据交互。

2.前后端开发联调需要注意那些事情？后端接口前如何mock数据？

前后端开发联调需要注意的事情有：
约定双方需要传输的数据和接口，在接口文档中确定好参数的名称、格式等。
约定请求和响应的格式、内容等。
根据这些约定整理成详细的接口文档。
后端接口前如何mock数据：mock数据是指在后端开发数据没有完成时，前端可以通过mock方式搭建本地服务器，模拟后台数据来实现数据交互的效果。可以安装server-mock，也可以使用easy-mock直接访问数据。

3.点击按钮，使用ajax获取数据，如何在数据到来之前防止重复点击？

设置一个状态锁

  var isStatusLock = true;    //设置一个状态锁
  if(!isStatusLock ) { 
      return;
   }
   var xhr = new XMLHttpRequest();
   xhr.open("get",url,true);
   xhr.onreadystatechange = function() {
     if(xhr.readyState === 4) {
       isStatusLock = true; 
     }
   } 
  xhr.send();
  isStatusLock = false; 

注意：下面三种写法都可以

  xh.onload = function(){}
  xhr.addEventListener('load', function(){})
  xhr.onreadystatechange = function(){
    if(xhr.readyState===4){
      //code
    }
  }

4.实现更多加载