ajax实践

ajax 是什么？有什么作用？

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

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

• 需要注意的事情：
• 约定传输的数据，数据格式，数据类型
• 约定接口，约定请求格式，响应格式等
• 根据约定编写接口文档
• mock 数据：根据约定好的接口，可以使用server-mock来模拟后台环境，在router.js写后台传给浏览器的数据，通过模拟数据可以预先测试实现的功能。

如何再AJAX请求的数据到来之前防止重复点击？

var isLoading = false;
function ajax(){
    if (isLoading) {
        return
    }
    isLoading = true;
    var xhr = new XMLHttpRequest();
    xhr.open();
    xhr.send();
    xhr.readystatechange = function(){
        if (xhr.readyState === 4) {
            isLoading = false;
        }
    }
}

加载更多

代码地址

1
1
1
1
1
1
1
1

11
1

1
1