进阶任务十二

题目1： ajax 是什么？有什么作用？

• ajax是Asynchronous Javascript and Xml的缩写，依赖于HTML、CSS、JavaScript，其中最核心的依赖是浏览器提供的XMLHttpRequest对象，XMLHttpRequest对象使得浏览器可以发出HTTP请求与接收HTTP响应。

• 作用：页面不刷新的情况下与服务端进行数据交互。

题目2： 前后端开发联调需要注意哪些事情？后端接口完成前如何 mock 数据？

1. 前后端开发联调注意事项

• 约定接口名称，统一名称，制定规范

• 约定接口传送的数据类型及数据大小的限制

• 约定接口的相关参数：如服务器、端口、方法、请求数据的一些限制等

2. mock 数据：指的是在后端开发没完成时，前端可以通过 mock 方法搭建本地服务器，模拟后台数据来实现数据交互的效果。

• 通过安装http-server 在本地搭建服务器

• 安装server-mock等方法，这样不需要一个功能完整的后台服务器就可以访问数据。

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

    var isLoading = false
    if(!isLoading){
        return;
    }
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.send();
    xhr.onreadyStatechange = function(){
        if(xhr.readyState){
            isLoading = true
        }
    }
    isLoading = false

题目4：实现加载更多的功能。代码提交到 github

代码