ajax

ajax 是什么？有什么作用？

AJAX即“Async JavaScript and XML”（异步的JavaScript与XML技术），指的是一套综合了多项技术的浏览器端网页开发技术
作用：实现网页的异步加载，局部刷新网页。当在向服务器获取新数据时不需要刷新整个网页，提高用户体验。

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

1、 前后端开发联调需要注意事项：

• 约定数据：有哪些需要传输的数据，数据类型是什么；
• 约定接口：确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式；

2、 如何mock数据：

• 可以根据接口文档，使用假数据来验证我们制作的页面响应和接口是否正常。
• 可以用xampp进行模拟
• 可使用server-mock

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

<script>
    //定义变量
    var .....
    //设置一个数据锁，默认值为 true
    var isLoading= true
    btn.addEventListener('click', function(e) {
        ......
        //设置数据锁，当值为 true 时继续执行代码，否则 return
        if (!isLoading) {
            return;
        }
        //将值设为 false，锁定按钮，在数据返回前的点击无效
        isLoading= false

        var xhr = new XMLHttpRequest()
        xhr.onreadystatechange = function() {
            ......
            //Ajax 部分
            }
            //收到返回数据，将值设为 true，允许继续点击请求数据
            isLoading= true
     })
</script>

实现加载更多的功能,后端在本地使用server-mock来模拟数据

代码地址