JS请求节流

不废话 撸代码

1. 节流器

   // 对函数进行 节流
   function throttle (fn, interval = 500) {
     let timer = null;
     let firstTime = true;
   
     return function () {
       let args = arguments;
       if (firstTime) {
         // 第一次加载
         fn.apply(this, args);
         return firstTime = false;
       }
       if (timer) {
         // 定时器正在执行中，跳过
         return;
       }
       timer = setTimeout(() => {
         clearTimeout(timer);
         timer = null;
         fn.apply(this, args);
       }, interval);
     };
   }

2. 初始化节流器

   const throttleFunc=throttle(function (field) {
           var loadIndex = layer.load(1);
           $.ajax({
               type: 'POST',
               url: '/cms/teachers/saveTeacherInfo',
               async: false,
               data: data.field,
               success: function (result) {
                   if (result.status==1) {
                       layer.close(loadIndex);
                       layer.msg('保存成功');
                       canJump = 1;
                       if (!isJump) {
                           $('.cancel').trigger('click');
                       }
                   } else {
                       $('button[lay-filter="saveTeacherInfo"]').attr("disabled", false).removeClass("layui-disabled");
   
                       layer.close(loadIndex);
                       layer.msg(result.msg);
                   }
               }
           });
           return false;
       },1000);

3. 使用节流器

   throttleFunc(data.field);