Javascript 如何在Rails 4应用程序中实现ajax微调器？

我比较擅长Rails4，但不太擅长Javascript（我目前正在努力学习）。我最大的挫折之一是无法在我的应用程序中实现ajax微调器（或任何ajax功能）

这是我的密码

show.html.erb

<% if @category.name == "motivation" %>
  <div class="spinner"></div>
  <div class="category-jumbo-1" style="height: 400px; margin-top: -20px"    onload = loadDoc()>   
  </div>
<% end %>

这是我的images.js文件

$(document).ready(function () {
  $(".spinner").hide();
    function loadDoc() {
      $(document).ajaxStart(function() {
        $(".spinner").show();
      }).ajaxComplete(function() {
        var $loading = $(".spinner");
        setTimeout(function(){
        $loading.hide();
      },1000);
    }); 
  }
});

---

微调器显示在图像上方，但不会消失。它将成为布局的一部分。我知道这对Rails开发人员来说是一个基本问题，但自从我开始从事Rails工作以来，ajax一直是我生活中的一个难题

如何使用

loadDoc

？还要插入一些

console.log

语句并观察输出。是否调用了

ajaxStart

？但不是

ajaxComplete

？请求是否成功而不是错误（在“网络”选项卡中）？要回显建议，学习使用调试器控制台，尤其是断点，将非常有帮助。

$(document).ready(function () {
  $(".spinner").hide();
    function loadDoc() {
      $(document).ajaxStart(function() {
        $(".spinner").show();
      }).ajaxComplete(function() {
        var $loading = $(".spinner");
        setTimeout(function(){
        $loading.hide();
      },1000);
    }); 
  }
});