进阶任务-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()
 })

实现加载更多的功能

实现加载更多

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容