Ajax

  • ajax 是什么?有什么作用?

ajax是Asynchronous JavaScript and XML的简称。可以实现页面小部分的更新(在不重载页面的情况下更换页面内容)


  • 前后端开发联调需要注意哪些事情?后端接口完成前如何 mock 数据?(npm install -g server-mock)

需要注意接口的名字,请求的方式,数据的类型

使用 server mock 来模拟数据


  • 点击按钮,使用 ajax 获取数据,如何在数据到来之前防止重复点击?
    1.设置状态锁
var lock=0;//设置状态锁
oBtn.addEventListener("click",function () {
    if (lock===0) {
        lock=1;//关锁
        //to do 执行代码
        lock=0; //开锁
    }

})

2.限制一定的时间内重复提交

var oBtn=document.querySelector(".button");
var clockTime=null;
oBtn.addEventListener("click",function(){
  if(clockTime){
    clearTimeout(clockTime)
  }
  clockTime=setTimeout(function(){
    //to do
  },5000)
  
})
//5000毫秒内提交一次 重复点击重新计时
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏...
    徐国军_plus阅读 372评论 0 4
  • ajax 是什么?有什么作用? AJAX的全称是Asynchronous JavaScript and XML(异...
    cross_王阅读 340评论 0 0
  • 0、 如何使用server-mock? server-mock是一款 nodejs 命令行工具,用于搭建 web服...
    抚年华轻过阅读 190评论 0 0
  • 1. ajax 是什么?有什么作用? Ajax(Asynchronous JavaScript + XML)是一种...
    madpluto阅读 177评论 0 0
  • 今晚在她奶奶家吃完饭,她爸爸把准备好的礼品给许诺,许诺问她爸爸“爸爸这两盒礼品是给我大奶奶还是老奶奶的?”她爸就说...
    街舞少女阅读 113评论 0 0