javascript - 在函数调用 jquery 期间显示 div

标签 javascript jquery

我想在 checkCoupon 触发时显示 #LoadingDiv,并在完成后让它消失,以显示该功能正在进行中。 checkCoupon 由点击按钮触发(不显示)。

我尝试了各种方法,包括创建另一个函数来包含在 onclick 事件中,我将其放在 ajax 调用的不同部分中,并尝试以不同的方式更改 CSS。它仍然不起作用。

知道如何获得此功能并在通话开始时正确显示吗?

function checkCoupon() {
  var coupon = document.getElementById('couponCode').value;
  var coupon_v = false;
  $('#LoadingDiv').css('display', 'block');
  $.ajax({
    type: 'post',
    url: 'coupon.php',
    async: false,
    data: {
      'coupon': coupon
    },
    success: function(data) {
      if (data != "empty") {
        coupon_v = data;
      }
    }
  })
}
<div id="LoadingDiv" style="display:none;">One Moment Please...<br />
  <img src="images/progressbar.gif" class="displayed" alt="" />
</div>

最佳答案

您可以隐藏 ajax complete 函数上的 div,该函数在请求完成时调用(在成功之后错误回调被执行):

complete: function(){
  $('#LoadingDiv').hide();
}

关于javascript - 在函数调用 jquery 期间显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59186977/

相关文章:

javascript - isNaN 如何验证此代码中 Prompt 仅返回字符串的值?

javascript - Disqus 评论未通过 https 加载

javascript - iframe和叠加按钮问题

jquery - 欧芹自定义动态错误消息

javascript - 触发相同Id的所有按钮

javascript - 如何使用codeigniter中的 'set interval'函数进行数据库自动备份?

javascript - Z-index Fabric.js 对象

javascript - 如何在js中对字典列表进行排序?

javascript - 语法错误,无法识别的表达式 : , $(selector).before (",");

javascript - JS |替换使用函数 | (a,b,c) 的含义