Javascript 无法在发送和完成函数之前使用Ajax

我试图在加载ajax数据时加载微调器图像，但是我的代码似乎都不起作用。这是我的密码：

$.ajax({
  url: '/Observer/GetInfoProfileByProfileId',
  type: 'POST',
  data: {
    ProfileId: profileId,
  },
  beforeSend: function() {
    console.log('spinner shown');
    $('#spinner').css('display', 'block');
  },
  complete: function() {
    console.log('spinner hidden');
    $('#spinner').css('display', 'none');
  },
  success: function(response) {

    //..do something with response
  }
});

---

上面的代码有什么问题？感谢您提供的任何帮助，我在html中拼错了id的名称，这可能是因为请求完成得太快，以至于您没有足够的时间查看微调器吗？另外，当其

显示设置为
块
时，您确定微调器将位于屏幕内吗？是的，我将微调器设置为位于屏幕内，因为我在inspector中手动更改其显示属性时可以看到它。您使用的jquery版本似乎有效？（还要确保
success
回调中没有抛出错误，因为这将使
完成
不会被调用）