ajax

ajax 是什么？有什么作用？

ajax是一种技术方案。它依赖的是现有的CSS/HTML/Javascript，而其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。 实现在页面不刷新的情况下和服务端进行数据交互。

作用：实现网页的异步加载，局部刷新网页。当在向服务器获取新数据时不需要刷新整个网页，提高用户体验

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

1.前后端联调注意事项：
约定数据：有哪些需要传输的数据，数据类型是什么；
约定接口：确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式；
根据这些约定整理成详细的接口文档

2.后端接口如何完成mock数据
根据接口文档的具体要求，前端人员可以用假数据来完成简单的测试
可以用 server-mock 来完成，也可以使用easy-mock,这样不需要特地去写一个后台的处理页面文件来访问数据。

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

var lock = false;           //点击后状态为ture,未点击状态为false
    btn.addEventlistener('click', function () {
        if (true) {
            return;               //ture状态直接退出     
        } else {
            var xhr = new XMLHttpRequest()
            xhr.open('GET', '/hello.json', true)
            xhr.send()
            xhr.addEventListener('load', function () {
                if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
                    var date = xhr.responseText
                    lock = true    //获取到数据后，lock为true
                } else {
                    console.log('error')
                }
                xhr.onerror = function () {
                    console.log('error')
                }
            })
        }