ajax

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

AJAX是对Asynchronous Javascript +XML的简写，它的诞生使得向服务器请求额外的数据而不用刷新页面
优点

• 更新数据而不需要刷新页面：它能在不刷新整个页面的前提下与服务器通信维护数据，由于ajax是按照需求请求数据，避免发送那些没有改变的数据
• 异步通信：它与服务器使用异步的方式通信，不会打断用户的操作（卡死页面）
• 数据与呈现分离：利于分工，降低前后耦合
  缺点
• 浏览器历史记录的遗失：在使用AJAX对页面进行改变后，由于并没有刷新页面，没有改变页面的访问历史，当用户想要回到上个状态时，无法使用浏览器提供的后退
• AJAX的安全问题：AJAX的出现就像建立起了一条通服务器的另一条通道，容易遭到一些攻击

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

• 约定数据：有哪些需要传输的数据，数据类型是什么
• 约定接口：确定接口名称及请求和响应的格式，请求的参数名称和格式（get/post），响应的数据格式（数组/对象）
• 根据这些约定整理成接口文档
  mock数据
• 搭建web服务器
• 根据接口文档仿造假数据
• 关联前后端文件，开启web服务器
• 验证前端页面功能及显示是否正确

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

var locked = false //添加一个状态锁
ele.addEventListener('click',function(){
    if(locked){
        return //若正在请求数据，则这次点击什么都不做
    }else{
        locked = true
        ajax()
    }
})
function ajax(){
    ...
    locked = false //成功接收到数据后解锁
}

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

github