ajax实践

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

• AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
• ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页（不使用ajax）如果需要更新内容，必须重载整个网页面。
• 作用： Ajax可以实现动态不刷新（局部刷新） 就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。

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

联调注意事项：

• 1.我要什么，规范后端响应给我的数据格式。
• 2.我给什么：
  1 请求数据的方法get还是post。
  2 接口名字是什么，也就是我像那个接口发送请求。
  3参数是什么，我发送请求总是有参数来确定我要的数据的。

mock 数据

本地根据上面的接口文档规范，使用使用符合接口规范的数据来验证我们制作的页面响应和接口是否正常。可以使用server-mock等来模拟

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

• 给加一个锁isDataArrival ： 数据没有到点击没有用，数据到了点击才有用。
  下面给出伪代码

var isDataArrival = true;
btn.addEventListener('click',function (e) {
  if (!isDataArrival){
        return;
  }
  if(xhr.readyState === 4){
  isDataArrival=true;
  }
  xhr.open('get',url);
  xhr.send();
  isDataArrival = false;    
});

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

效果范例