JS请求节流-白红宇

JS请求节流

阅读量：5018 次

发布时间：2019-06-12

本文共 1361 字，大约阅读时间需要 4 分钟。

少废话，撸代码。欧耶！

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);