进阶任务-12

ajax 是什么？有什么作用？

1. 什么是ajax

AJAX 的全称为 Asynchronous JavaScript and XML
AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网
页的情况下，对网页的特定部分进行更新。

2.ajax的作用

异步加载数据，局部更新页面，有效提高用户体验。

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

1.前后端联调注意事项

• 约定数据：有哪些需要传输的数据，数据类型是什么；
• 约定接口：确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式；
• 根据这些约定整理成详细的接口文档

2.后端接口如何完成mock数据

• 根据接口文档的具体要求，前端人员可以用假数据来完成简单的测试
• 使用现成的环境搭建工具 如：phpstudy 等
• 也可以用 server-mock 来完成

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

设置“ 状态锁 ”来防止重复点击的动作
代码如下

 var statusLock = flase
 btn.addEventListener('click',function(){
   if(statusLock){
     return
   }else{
     statusLock = true
     var xhr = new XMLHttpRequest()
     xhr.readystatechange = function(){
       if(xhr.readyState ===4){
         statusLock = flase
       }
     }
   }
   xhr.open('发送请求的类型','后端的请求地址',true)
   xhr.send()
 })

实现加载更多的功能

实现加载更多