ajax

一、问答题

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

ajax是异步 JavaScript + XML的缩写，不过现在JSON使用的更多； 概括起来就一句话，AJAX通过原生的XMLHttpRequest对象发出HTTP请求，得到服务器返回的数据后，再进行处理；

2. 前后端开发联调需要注意哪些事情？后端接口完成前如何 mock 数据？(npm install -g server-mock)

需要注意的事情有：
1.约定前后端联调的时间。
2.约定双方需要传输的数据和接口，在接口文档中确定好参数的名称、格式等。
3.约定请求和响应的格式和内容。
MOCK数据的方法有：
1.自己模拟数据来进行MOCK；
2.使用server-mock或mock.js搭建模拟服务器，进行模拟测试；
3.使用XAMPP等工具，编写PHP文件来进行测试。

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

1.设置状态锁

var lock=0;//设置状态锁
oBtn.addEventListener("click",function () { 
     if (lock===0) { 
     lock=1;//关锁 
     //to do 执行代码 
     lock=0; //开锁 
}
})

2.限制一定的时间内重复提交

var oBtn=document.querySelector(".button");
var clockTime=null;
oBtn.addEventListener("click",function(){
  if(clockTime){
    clearTimeout(clockTime)
  }
  clockTime=setTimeout(function(){
    //to do
  },5000)

})
//5000毫秒内提交一次 重复点击重新计时

二、代码题

1.封装一个 ajax 函数，能通过如下方式调用

预览

2.实现如下加载更多的功能。

预览

3.实现注册表单验证功能

预览
所有的代码