1.AJAX的作用
包含的几个大类步骤
- 创建一个XMLHttpRequest对象；
- 发出Http请求
- 接收服务器传回的数据
- 小范围的更改内容，而非整个页面重新渲染
AJAX可以通过 XMLHttpRequest( )对服务器发送请求，得到服务器的数据，而更改页面内容；
2.前后端开发联调需要注意哪些事情？
- 在开发之前规定好接口文档并指明由谁来撰写和维护；
- 接口信息如果改动需要合适的方法向前后端传递改动信息；
- 规定使用的接口类型，JSON或者JSONP;
- 定义数据管理和归属权，是属于前端管理还是后端管理；
- 规定数据的交流方式，是前端直接把数据请求发送给后端，还是说有前端和后端之间有一个middle（中间层），前后端的数据都需要经过它来得到符合自己需求的数据类型；
3.后端接口完成前如何 mock 数据？
1.使用server-mock或者mock.js等数据模拟工具。
2.自己搭建服务器，并使用后端语言PHP、Java去模拟数据。
3.使用XAMPP等工具，编写PHP文件来进行测试。
4.点击按钮，使用 ajax 获取数据，如何在数据到来之前防止重复点击?
可以设置变量锁
var onload = false; //设置锁变量；
document.querySelector(".btn").addEventListener("click",function () {
if(onload){ //如果有锁存在，则不执行AJAX；
return;
}
onload = true; //上锁
ajax({
url:"2.php",
type:"get",
data:{},
success:function(ret){
// TO DO
onload = false; //解锁
},
error:function () {
console.log("error.....")
}
});
});
