ajax导致jQuery动态改变CSS等属性延迟的解决方法

德顺

发布于 2020-11-19 14:10:19

8720

发布于 2020-11-19 14:10:19

文章被收录于专栏：前端资源

最近一位同事找到我，说是在写一个获取验证码的功能时，用 jQuery 动态改变标签属性时延迟。

明明代码写在 ajax 的上方，却每次都是在 ajax 请求完成后才执行。

网上查了一下， jQuery 的 ajax 确实会导致延迟。

解决方法：

ajax 单独封装成一个方法，然后延迟调用一下就可以了。

function getOne() {
  $("#get_mobile_code_btn").attr("disabled", true);
  $("#get_mobile_code_btn").text("正在发送中");
  $("#get_mobile_code_btn").removeAttr("onclick");

  setTimeout(function () {
    aAjax(user_account)
  }, 10)
}

function aAjax(user_account) {
  $.ajax({
    ...
  })
}

未经允许不得转载：w3h5 » ajax导致jQuery动态改变CSS等属性延迟的解决方法

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

ajax