如何使用 ActionCable websockets 处理 js 加载器？

Question

所以在我使用 Rails 5 的应用程序中，我有一个加载器系统捕获 ajaxSend 和 ajaxComplete 以在 css.

中为加载器设置动画

$(document).bind('ajaxSend', () => {
  ...
})

$(document).bind('ajaxComplete', () => {
  ...
})

我的问题很简单，如何用 websockets 做同样的事情？ :)

Answer 1

function connectToYourChannel () {
    // start your animation here
    subscription = App.cable.subscriptions.create("YourChannel") {
        connected: function () {
           // this code will execute when you successfully subscribe
           // to your channel;
           // end your animation here
        }
    }
}

顺便说一句：连接过程非常快。在 99% 的情况下，您不需要加载消息。