进阶任务12：ajax实践

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

• ajax = ` 异步 JavaScript和HTMl
  ajax 是一种用于创建快速动态网页的技术。
  通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
• 作用：实现网页的异步加载，局部刷新网页。当在向服务器获取新数据时不需要刷新整个网页，提高用户体验。

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

• 前后端联调是一种 真实业务数据和 本地mock数据之间来回切换以达到前后端分离架构下的不同开发速度时数据交换的一种方式方法。
• 注意事项：
  1.约定前后端联调的时间。
  2.约定双方需要传输的数据和接口，在接口文档中确定好参数的名称、格式等。
  3.约定请求和响应的格式和内容。
• 如何mock数据：
  1 可以根据接口文档，使用假数据来验证我们制作的页面响应和接口是否正常。
  2.可以用xampp进行模拟
  3.也可使用server-mock

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

var lock = false,
    btn = document.qureySelector('#btn');
btn.addEventListener("click",function(){
   if(!lock){
       lock = true;
       ajax(XXXX);
       lock = false;
   }
});

题目4：实现加载更多的功能

代码