AJAX

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

AJAX：Asynchronous JavaScript And XML，可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的特定部分进行更新。
作用：异步加载数据，局部更新页面，有效提高用户体验。

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

注意事项：
a)约定数据：约定好传输的数据和数据类型。
b)约定接口：确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式。
c)根据这些约定整理成接口文档
mock 数据：
a)自己模拟数据
b)搭建本地服务器，用 php 写脚本提供临时数据
c)使用 server-mock 或 mock.js 搭建模拟服务器，进行模拟测试

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

通过设置状态锁来实现

var statusLock = true
btn.addEventListener('click',function(){
     if(!statusLock){return}
     var xhr = new XMLHttpRequest()
     xhr.open('get','/index.html',true)
     xhr.onreadystatechange = function(){
          if((xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 304)){
               var text = JSON.parse(xhr.responseText)
               statusLock = true
          }
     }
     xhr.send()
    statusLock = false
})