Ajax

  1. ** ajax 是什么?有什么作用?**
    Ajax是对Asynchronous JavaScript And XML的简写。这一技术能够向服务器请求额外的数据而无需卸载页面,会带来更好的用户体验 。Ajax技术的核心是XMLHttpRequest(XHR)对象,XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,能够以异步的方式从服务器取得更多信息,再通过DOM将新数据插入到页面中。
  2. 前后端开发联调需要注意哪些事情?后端接口完成前如何 mock 数据?
    开发联调要注意的事情
  • 数据的接口,即数据传输所使用的URI.
  • 数据传输的类型或方法.
  • 数据返回时所对应的类型及解析的方法.

如何mock数据,

  • 可以根据接口文档,使用假数据来验证我们制作的页面响应和接口是否正常。
  • 用xampp进行模拟
  • 使用server-mock
  1. 点击按钮,使用 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到后端,锁上
}

你可能感兴趣的:(Ajax)