关于AJAX

问答

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

• Ajax是Asynchronous JavaScript and XML的缩写，这一技术能够向服务器请求额外的数据而无需卸载整个页面，会带来良好的用户体验。
• AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求）从服务器获取数据
• 通俗说，就是网页需要更新页面一部分的时候，无需重载整个页面，通过异步请求服务器获取数据请求新内容，从而单独更新页面的部分内容。

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

注意事项：

• 约定接口 : 确定接口的名称(php、nodejs)，数据类型
• 约定数据:需要传输的数据和它的数据类型

mock数据

• 使用xampp搭建服务器（需要php）
• 使用server-mock(较简答，JS语法)

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

• 可以设置一个状态锁，当ajax获取数据时候，提交设置成禁用，代码执行完毕后可以重新点击
  demo:

var lock = false;
btn.addEventListener("click",function(){
    if(!lock){ 
    lock = true; 
    ajax(XXXX);
    lock = false;
 }});

代码

代码1

代码1.png

在XAMPP环境下可以使用！
代码2

任务2开始.png 任务2结束.png

在XAMPP环境下可以使用！
代码3

任务3错误.png 任务3正确.png

在serious-mock环境下可以使用！