1.ajax是什么?有什么作用?
ajax是Asynchronous Javascript and Xml的缩写,依赖于HTML、CSS、JavaScript,其中最核心的依赖是浏览器提供的XMLHttpRequest对象,XMLHttpRequest对象使得浏览器可以发出HTTP请求与接收HTTP响应。
作用:页面不刷新的情况下与服务端进行数据交互。
2.前后端开发联调需要注意那些事情?后端接口前如何mock数据?
前后端开发联调需要注意的事情有:
约定双方需要传输的数据和接口,在接口文档中确定好参数的名称、格式等。
约定请求和响应的格式、内容等。
根据这些约定整理成详细的接口文档。
后端接口前如何mock数据:mock数据是指在后端开发数据没有完成时,前端可以通过mock方式搭建本地服务器,模拟后台数据来实现数据交互的效果。可以安装server-mock,也可以使用easy-mock直接访问数据。
3.点击按钮,使用ajax获取数据,如何在数据到来之前防止重复点击?
设置一个状态锁
var isStatusLock = true; //设置一个状态锁
if(!isStatusLock ) {
return;
}
var xhr = new XMLHttpRequest();
xhr.open("get",url,true);
xhr.onreadystatechange = function() {
if(xhr.readyState === 4) {
isStatusLock = true;
}
}
xhr.send();
isStatusLock = false;
注意:下面三种写法都可以
xh.onload = function(){}
xhr.addEventListener('load', function(){})
xhr.onreadystatechange = function(){
if(xhr.readyState===4){
//code
}
}