- ** ajax 是什么?有什么作用?**
Ajax是对Asynchronous JavaScript And XML的简写。这一技术能够向服务器请求额外的数据而无需卸载页面,会带来更好的用户体验 。Ajax技术的核心是XMLHttpRequest(XHR)对象,XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,能够以异步的方式从服务器取得更多信息,再通过DOM将新数据插入到页面中。 -
前后端开发联调需要注意哪些事情?后端接口完成前如何 mock 数据?
开发联调要注意的事情
- 数据的接口,即数据传输所使用的URI.
- 数据传输的类型或方法.
- 数据返回时所对应的类型及解析的方法.
如何mock数据,
- 可以根据接口文档,使用假数据来验证我们制作的页面响应和接口是否正常。
- 用xampp进行模拟
- 使用server-mock
- 点击按钮,使用 ajax 获取数据,如何在数据到来之前防止重复点击?
var ajaxLock = false //默认状态开
if(ajaxLock===true){
return; //锁是关的,跳出函数
}
var xhr = newXMLHttpRequest()
xhr.readystatechange = function(){
if (xhr.readyState === 4) {
ajaxLock = false; //已经拿到数据,开锁
}
xhr.open()
xhr.send()
ajaxLock = true //send到后端,锁上
}