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()
})