Ajax(五)

// 防抖的核心是一个延时器 判断用户停止输入之后多长时间我们再去获取数据  1000
    let timerId = null   // 声明一个延时器 ⭐
    qs('.ipt').addEventListener('input', function () {
      let text = this.value
      clearTimeout(timerId)   // 用户在输入, 清掉延迟器,  再开启一个新的延迟器 ⭐
      timerId = setTimeout(() => {
        getSuggestList(text)   // ajax请求获取推荐列表
      }, 1000)
    })

let flag = true  // 定义一个节流阀
    document.querySelector('button').addEventListener('click' , function () {
      // 判断如果节流阀开启，则发送请求
      if(flag) {
        // 先将节流阀关闭
        flag = false
        // 发送请求
        axios.get('接口/api/sug' , {
          params: {
            q : 'a'
          }
        }).then(({data:res}) => {
          console.log(res)
          // 获得请求结果后，开启节流阀
          flag = true
        })
      }
    })