AJAX

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

• ajax是一种技术方案，它通过浏览器提供的XMLHttpRequest对象，使得浏览器可以发送http请求和接收http响应
• 可以在不刷新页面的情况下，和后端交互数据。

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

• 约定数据。数据在传输中的格式，数据的类型。
• 约定接口。约定请求的格式，响应的格式。
• 按照约定编写接口文档。

1.在node.js环境下使用npm下载server-mock（淘宝npm镜像地址可以大大加快下载速度）
2.按照接口文档编写假数据进行测试。

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

伪代码如下：

var btnStatus = true;
var btn = document.querySelector('#btn');
btn.addEventListener('click',function () {
    if(btnStatus === false){
          return;                   // 判断btnStatus状态， 为真才执行，为假不执行
}
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
    btnStatus = true;         //xhr状态发生改变时，btnStatus状态为真，此时点击有效。
    .........
}
    xhr.open('get',url,true);
    xhr.send();
    btnStatus = false;       //发送请求之后，锁死btn点击状态，只有xhr状态发生改变点击才有效果。
});

4.实现加载更多的功能，效果范例307，后端在本地使用server-mock来模拟数据

前端代码：

    
    
    
    




    
内容1
    
内容2

加载更多

后端代码：

router.get('/loadMore',function (req,res) {
    var index = req.query.index;
    var length = req.query.length;
    var data = [];
    for(var i=0;i