ajax实践

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

AJAX是对Asynchronous Javascript and XML（异步的JavaScript和XML）的缩写，是一种数据请求技术的泛称，在没有使用这个技术之前，每当我们往后端发送一个请求，服务器做出响应后都会返回一个完整的新页面；使用AJAX之后，可以在在浏览器和服务器之间进行数据的异步传输，在不重载页面的情况下发送请求然后获得服务器的返回数据。

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

• 前后端开发联调需要注意事项：

• 约定数据：有哪些需要传输的数据，数据类型是什么；

• 约定接口：确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式；

• 根据这些约定整理成接口文档

• 如何mock数据：

• 可以根据接口文档，使用假数据来验证我们制作的页面响应和接口是否正常。

• 可以用xampp进行模拟

• 也可使用server-mock

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

var lock=false,
    btn=document.querySelector('#btn');
btn.addEventListener('click',function(){
    if(lock){
    retrun;
    }else{
    lock=true;
    ajax({
    ...
    lock=false
    })
    }
})

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

代码地址