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

巴特西

JS请求节流

最新文章

热门文章